嘿,我需要能夠滾動我的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 ListFilter滾動句柄(ListFilter溢出)
- 4. 在ExtJS Grid Panel上滾動事件?
- 5. 滾動問題點擊Extjs Grid RowExpander
- 6. 滾動NSTableView的選擇到
- 7. 如何避免滾動條空間出現在extjs grid pannel中?
- 8. ExtJS的拖動與滾動
- 9. ExtJS 3 grid autowidth
- 10. ExtJs 4 Grid Paging
- 11. Extjs grid sorting
- 12. Chrome自動滾動到多個選擇與選定的選項
- 13. 從列選擇中刪除動作列選擇Extjs
- 14. 如何滾動到選擇框中的選定項目
- 15. jqTransform選擇 - 滾動到字母輸入
- 16. 如何禁用自動滾動到ExtJS網格中的選定單元格?
- 17. Telerik Grid:問題與選擇
- 18. ExtJS的選擇選擇價值
- 19. Extjs 5 grid group Sorting
- 20. ExtJs視窗的滾動條
- 21. 滾動得到一個extjs 6視口滾動內部面板
- 22. 垂直滾動條在Itemselector中extJs
- 23. 的GridPanel的ExtJS選擇行
- 24. ExtJS Grid的構建插件
- 25. html選擇滾動條
- 26. ExtJS:自動滾動垂直FormPanels添加到面板
- 27. 如何將複選框列添加到Extjs Grid
- 28. ExtJS中的垂直滾動條GridPanel
- 29. 更改ExtJs中的滾動條
- 30. 將數據從ASP.net返回到ExtJS Grid
你已經能夠得到這個與ExtJS的4.0工作? – 2011-09-26 18:08:36
@Erik Allik - 我們使用ExtJS 3.4。如果它在4.0中不起作用,我會感到驚訝。 – dave 2011-09-26 18:21:50