EXTJS的pagingtoolbar刷新按钮持续loading解决办法

最新推荐文章于 2015-05-20 14:30:47 发布

qq759047731

最新推荐文章于 2015-05-20 14:30:47 发布

阅读量1.1k

点赞数

分类专栏： EXTJS js 文章标签： extjs 分页控件

本文链接：https://blog.csdn.net/qq759047731/article/details/25868505

版权

EXTJS的pagingtoolbar在页面未加载数据时，其刷新按钮点击后会持续loading。原因在于初次加载时存在错误。解决办法是在首次加载时隐藏刷新按钮，查询操作后显示，确保无误后再刷新。若需自定义刷新逻辑，可监听刷新事件。

摘要由CSDN通过智能技术生成

最近使用EXTJS的pagingtoolbar时无意中发现，当页面打开然而尚未加载数据前，分页控件下方的refresh按钮时可以点击的，然而点击却一直处于loading状态。打开firebug发现原来因为是报错，才一直处于loading状态。

值得注意的是，当执行查询操作之后再次点击刷新按钮却不会报错，数据也可以显示。即使查询操作返回的结果为空依然可以正常刷新，只是刷新后无数据。

既然首次加载页面不能执行刷新，那么只要在首次加载的时候隐藏刷新按钮，在执行查询操作之后再显示即可以避免这个问题。

首先定义全局变量refreshStr：

var refreshStr="";

然后在grid之后隐藏刷新按钮：

var length=dataGrid.dockedItems.keys.length;
 for(var i=0;i<length;i++){
        if(dataGrid.dockedItems.keys[i].indexOf("pagingtoolbar")!=-1){
            refreshStr=dataGrid.dockedItems.keys[i];
        }  
    }  
dataGrid.dockedItems.get(refreshS