不点击查询,直接单击分页组件刷新后效果如下:
经过分析组件源码,找到两种解决方案:
1.刷新按钮隐藏起来,用户看不到,就不会点击,效果如下:
,
代码如下:
agentsGroupgridBeforerender : function() {
var cip = this.getAgentsGroupSearchPanel();//获取到查询panel
var grid = this.getAgentsGroupList(); //获取到查询列表
var length = grid.dockedItems.keys.length;
var refreshStr= "";
for (var i = 0; i < length; i++) {
if (grid.dockedItems.keys[i].indexOf("pagingtoolbar") !== -1) {
refreshStr= grid.dockedItems.keys[i];
}
}
grid.dockedItems.get(refreshStr).child('#refresh').hide(true);
},
2.重写分页插件的刷新事件,这样可以从根本上解决问题:
agentsGroupgridBeforerender : function() {
var cip = this.getAgentsGroupSearchPanel();//获取到查询panel
var grid = this.getAgentsGroupList(); //获取到查询列表
var length = grid.dockedItems.keys.length;
var refreshStr= "";
for (var i = 0; i < length; i++) {
if (grid.dockedItems.keys[i].indexOf("pagingtoolbar") !== -1) {
refreshStr= grid.dockedItems.keys[i];
}
}
grid.dockedItems.get(refreshStr).child('#refresh').setHandler(
function() {
grid.getStore().pageSize = cip.down('pagingtoolbar').pageSize;
grid.getStore().currentPage = 1;
grid.getStore().load();
})
},
希望此文可以给遇到同样困惑的朋友一点思路!