嘿,我需要能够滚动我的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