ExtJs grid.Panel store：加载/重新加载后保持滚动条位置

Question

我在Sencha ExtJs 4.0.2a中使用grid.Panel，我每60秒重新加载一个Json Store。

我想知道是否有一种方法可以在数据加载后保留滚动条的位置。 这样用户可以在加载之前继续查看他正在查看的记录。

我使用Task重新加载网格中的数据：

var task = {
    run: function(){
        Ext.getCmp(panelGridId).getStore().load({
            //Callback function after loaded records
            callback: function(records) {
                //Hide grid if empty records
                if (Ext.isEmpty(records)) {
                    Ext.getCmp(panelGridId).setVisible(false);
                }
                else {
                    if (Ext.getCmp(panelGridId).isHidden()) {
                        Ext.getCmp(panelGridId).setVisible(true);
                        Ext.getCmp(panelGridId).doComponentLayout();
                    }
                }
            }
        });
    },
    interval: 60000 //60 seconds
};

Ext.TaskManager.start(task);

数据加载后，滚动条位置重置为顶部.. 问：有没有办法在数据加载后保持滚动条位置？

提前致谢！

Answer 1

尝试这个坏男孩在刷新时保留滚动位置：

http://docs-devel.sencha.com/extjs/4.2.1/#!/api/Ext.grid.View-cfg-preserveScrollOnRefresh

这对我的树视图有用。

viewConfig: {
   preserveScrollOnRefresh: true
}

Answer 2

以下是在网格中使用preserveScrollOnRefresh的方法：

Ext.define('js.grid.MyGrid', {

    extend: 'Ext.grid.Panel',

    viewConfig: {
        preserveScrollOnRefresh: true
    }

这是一个JSFiddle，它演示了这个：

http://jsfiddle.net/cdbm6r0o/7/

但是，当您选择一行时，它似乎不能正常工作。我不确定这是不是一个bug。

'refresh'事件由以下代码触发：

grid.store.loadData(dataToLoad);

我不知道任何其他触发'刷新'的事件

补充说明 ：

• 我把Ext.toolbar.Paging作为一个要求。即使我没有使用它，当我选择了一行或多行时它会搞砸滚动保留，因此请确保从您的要求中删除分页。
• 如果我同时在表上使用bufferedrenderer插件，则scroll保留似乎不起作用。
• tablePanel.getView（）。focusRow（recrow）也很有意思，但也不适用于bufferedrenderer。

Answer 3

您可以使用preserveScrollOnReload view config属性：

viewConfig: {
    preserveScrollOnReload: true
},

Answer 4

您可以在viewConfig中使用preserveScrollOnReload：true

viewConfig：{preserveScrollOnReload：true}，