Ext.tree.Panel存储：加载/重新加载后保持滚动条位置

Question

我使用的是ExtJS 4.2.1的Ext.tree.Panel。我想知道是否有一种方法可以在数据加载后保留滚动条的位置（即setRootNode（），loadData（））。现在，加载数据后，滚动条位置将重置为顶部。

提前感谢任何领导。

Answer 1

请尝试以下代码。

viewConfig: {
        preserveScrollOnReload: true
 }

Answer 2

我知道这是旧的，但我注意到“preserveScrollOnReload”在Ext.tree.panel中不起作用。

我决定使用cacheScrollValues。例如：

function updateNodes(nodes) {
        var restoreScroll = App.yourGrid.el.cacheScrollValues();
        var sto = App.yourGrid.getStore();
        sto.setRootNode(nodes);
        restoreScroll();

PS：我也在使用ext 4.2.1。

Answer 3

您可以尝试将以下代码添加到树状面板中以进行滚动保留。

有关Sencha docs中此here的更多信息

  viewConfig: {
        preserveScrollOnRefresh: true
    }

希望它对你有所帮助。