嘿,我需要能夠滾動我的ExtJS網格到當前的選擇,但不知道如何做到這一點。我在論壇上找到了一個可以確認的方法,但沒有找到任何信息。任何人都可以提出建議嗎? 謝謝滾動到ExtJS Grid中的選擇
回答
對不起,我真的很愚蠢。我只是試着ensureVisible,它工作正常。
不幸的是,從ExtJS 4中刪除了ensureVisible()。我找到的最直接的解決方案是使用scrollIntoView()。在我的情況下,這是根據我加載的值選擇行後。
var rowIndex = store.find('fieldName', value);
grid.getSelectionModel().select(rowIndex);
Ext.fly(grid.getView().getNode(rowIndex)).scrollIntoView();
這將顯示網格底部的選定行。需要做更多的工作才能將其置於電網的頂部或中部。
這也似乎工作:
grid.getView().getRow(rowIdx).scrollIntoView();
謝謝!它爲我工作... – 2017-03-24 16:38:58
這也似乎工作:
grid.getView().focusRow(rowIdx);
這也似乎工作
grid.getView().getNode(rowIndex).scrollIntoViewIfNeeded();
在ExtJS的4.X沒有的情況下,需要使用Ext.fly
scrollIntoViewIfNeeded()不工作在IE9 + – 2015-12-30 09:18:36
'邪惡的IE',scrollIntoViewIfNeeded()在Chrome瀏覽器中工作,請參考由@bhuvaneswari回答爲IE瀏覽器,也'scrollIntoView()'給出怪異的行爲,如果你使用模態窗口 – 2015-12-30 09:28:05
爲了節省你所有的大量頭髮拉動,你應該知道在這個線程中滾動查看的解決方案將不會而不是工作如果網格緩衝渲染器被打開。
據我瞭解,在Ext JS 5中,bufferedRenderer默認打開。
我花了幾個小時才明白這一點。
如果索引行在緩衝行之外,則grid.getView()。getNode(rowIndex)將返回NULL。
在ExtJS 6上爲我工作,即使啓用了bufferedRenderer。
var record = grid.getSelectionModel().selected.getRange()[0];
grid.getView().focusRow(record);
在4.2至少,使用scrollIntoViewIfNeeded
如果你在一個bufferedRenderer緩衝的範圍之外失敗。該bufferedRenderer有一個方便的scrollTo
方法來幫助完成這個任務,但:
grid.getView().bufferedRenderer.scrollTo(index, true);
滾動並optionlly選擇在總數據集中的指定行索引。
http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.grid.plugin.BufferedRenderer-method-scrollTo
- 1. ExtJS Grid Paging行選擇
- 2. 在extjs中的滾動多選擇
- 3. 滾動問題點擊Extjs Grid RowExpander
- 4. 可滾動屬性Grid容器 - extJS
- 5. extjs grid ListFilter滾動句柄(ListFilter溢出)
- 6. 在ExtJS Grid Panel上滾動事件?
- 7. 滾動NSTableView的選擇到
- 8. 如何避免滾動條空間出現在extjs grid pannel中?
- 9. ExtJS的拖動與滾動
- 10. extjs grid選擇所有複選框問題
- 11. Extjs grid複選框字段選擇所有問題
- 12. ExtJS Grid中的行編輯
- 13. 獲取選定的行列值extjs grid
- 14. Extjs Grid面板滾動條在調整大小時消失
- 15. Extjs grid combobox
- 16. Extjs grid sorting
- 17. ExtJS 3 grid autowidth
- 18. Extjs remoteSorting in grid
- 19. ExtJs 4 Grid Paging
- 20. Extjs Grid Panel Rowclick
- 21. 將數據顯示到EXTJS Grid Panel中
- 22. Chrome自動滾動到多個選擇與選定的選項
- 23. Extjs滾動到tabPanel裏面的位置
- 24. EXTJS:滾動問題
- 25. 從列選擇中刪除動作列選擇Extjs
- 26. 允許滾動和排序到GWT Grid
- 27. ExtJS的 - 滾動到最後一行(所選項目)
- 28. 如何滾動到選擇框中的選定項目
- 29. jqTransform選擇 - 滾動到字母輸入
- 30. 選擇一個已滾動到
你已經能夠得到這個與ExtJS的4.0工作? – 2011-09-26 18:08:36
@Erik Allik - 我們使用ExtJS 3.4。如果它在4.0中不起作用,我會感到驚訝。 – dave 2011-09-26 18:21:50