javascript - ExtJS 4.2 无限网格滚动条

Question

我有一个选项卡面板，该选项卡面板的最后一个选项卡有一个无限网格(效果完美)，该网格的 autoScroll 设置为 true，当网格存储加载到网格中时，会出现一个滚动条位于右侧，其他位于底部。我可以完美地使用滚动条进行导航，但例如，如果我将底部滚动条放在中间，转到另一个选项卡并返回到此选项卡(每次转到选项卡时，我都会重新加载其组件的存储)，则底部滚动条位于相同位置，我希望它转到起始位置:

我的底部滚动条状态是:

当我返回选项卡时，我希望它是这样的:

有没有办法做到这一点？

Answer 1

您可以使用选项卡监听器beforeActivate重置网格的滚动位置:

listeners: {
    beforeActivate: function() {
        // Reset scroll position
          this.down('gridpanel').getView().getEl().scrollTo('left', 0, true);
    }
}

工作示例:https://fiddle.sencha.com/#fiddle/19q4