问题:点击下载文件按钮,在数据加载完成之前显示遮罩层,防止用户重复点击
解决:定义一个iframe,在iframe中指定下载的location,点击下载按钮进行遮罩层的显示,iframe加载完成后隐藏遮罩层
在extjs的FormPanel中定义一个隐藏的iframe:html:'<iframe id=\'myiframe\' style=\'display : none\'></iframe>'
Ext.getBody().mask('数据加载中,请稍后...');
var myiframe = Ext.getDom('myiframe');
myiframe.onload = myiframe.onreadystatechange = function() {
if(this.readyState=='interactive') {
Ext.getBody().unmask();
}
};
myiframe.contentWindow.location='下载地址action';