捕获Ext.PagingToolbar中的页码

Question

我正在开发一个ExtJS.Grid，它使用带有jsonp代理和Ext.PagingToolbar的Ext.data.Store来控制分页。一切正常。

但一些用户抱怨说，他们会进一步浏览网页，离开网格，当他们返回到第1页时，他们希望“网格记住”他们过去的页面，然后开始。

我使用Ext.onReady(function(){},false);定义所有组件，使用另一个Ext.onReady(function(){});创建带有store.loadPage(1);的网格，以便在完成所有操作后进行第一次加载。

如果我能够从Ext.PagingToolbar中听到一些事件，当一个新的加载发生时，并捕获它所使用的页面，我可能会将它存储在某个cookie或其他东西中，然后检索它来再次加载该页面。

我查看了http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.toolbar.Paging，发现没有可以使用的事件。有人知道我能在哪里做吗？

Answer 1

您可以跟踪Ext.toolbar.Paging的更改事件，并在cookie中记住currentPage。

pagingtoolbar.on('change', function(pb, pageData) {
  Ext.util.Cookies.set('lastGridPage', pageData.currentPage, new Date('1/1/2016'));
});

并设置网格以在afterrender上加载该页面。

grid.on('afterrender', function() {
  var pageNumber = Ext.util.Cookies.get('lastGridPage') || 1;
  grid.store.loadPage(pageNumber);
})