1. 程式人生 > >檔案下載顯示遮罩層

檔案下載顯示遮罩層

問題:點選下載檔案按鈕,在資料載入完成之前顯示遮罩層,防止使用者重複點選

解決:定義一個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';