ExtJS 4 - 如何禁用“下一步” & “最后”当网格中没有记录时，分页工具栏中的图标？

Question

我有一个网格，底部带有分页工具栏，顶部有一个“加载”按钮，可以用于加载网格中的记录。

因此，最初网格中不存在任何值，但在这种情况下，分页工具栏也会显示第 1 页（共 1 页），并且还会启用转到“下一页”或“最后一页”的图标。 >

因此，当用户单击任何这些图标时，虽然记录未加载，但内部“page”和“start”的值设置为 NaN，如果用户单击“Load”按钮，则这些 NaN值被传递到服务器，这不是预期的。

也就是说，理想情况下，它应该传递 page=0&start=0，而传递 page=NaN&start=NaN。服务器无法识别这些值并抛出错误。

对此的一个快速解决方法是修改服务器端的代码，但目前这超出了我们团队工作的范围，因此我想知道如何实现以下目标：

问）如何禁用“下一步” , 当网格没有记录时分页工具栏上的“最后”图标？

或者，

问）如何在加载商店之前修改“页面”和“开始”变量的值，以便我们可以传递 0而不是 NaN？

我尝试在网格存储的 beforeload 事件中访问这些参数，但在那里我可以找到诸如 startParam 或 pageParam 之类的属性 - 显示参数名称，但找不到任何访问/修改这些值的方法。

有人对此有什么想法吗？

提前致谢。

PS：使用的ExtJS版本是4。

Answer 1

一种可能的解决方案是使用

store.loadPage(1);

store.load(); 来代替。

第二种可能的解决方案是使工具栏初始禁用并在加载数据时启用它：

var grid = Ext.create('Ext.grid.Panel', {
    // ...
    store: store,
    dockedItems: [{
        xtype: 'pagingtoolbar',
        store: store,
        dock: 'bottom',
        disabled: true
    }]
});
store.on('load', function(){
  grid.down('pagingtoolbar').enable();
});

Answer 2

检查响应的总计数，如果当网格为空时它不返回零，那么就会发生此类错误。