ExtJs的Store在載入時候一般是延遲載入的，這時候Grid就會先出現一片空白，等載入完成後才出現資料；因此，我們需要給它新增一個提示資訊！

解決方案：

1.給store新增監聽器，監聽beforeload事件，載入前彈出提示框，載入完成後關閉提示框

2.callback為load的回撥函式，在載入完成後執行，因此關閉提示框由它完成；

3.一定要給store的reload方法也新增callback函式，已關閉提示框

例子主要程式碼如下：

var msgTip;          // 一定要定義在使用前，且定義為全域性變數
var reportStore=new Ext.data.Store({
      proxy:reportProxy,
       reader:reportReader,
      listeners:{
             beforeload:function(){
                   msgTip = Ext.MessageBox.show({
                   title:'提示',
                   msg:'頁面報表統計資訊重新整理中,請稍後......'
                });
       }
   }
});

reportStore.load({
    callback: function(records, options, success){
              msgTip.hide();    // 載入完成，關閉提示框
      }
});

 

注意：如果有呼叫reload來重新重新整理頁面，reload也要新增callback函式來關閉提示框

reportStore.reload({
         callback: function(records, options, success){
            msgTip.hide(); // 載入完成，關閉提示框
         }
});

--------------------------------------Store.load簡介-----------------------------

store.load({
       params: {start:0,limit:20},    //引數
            // callback是載入完畢時執行的回撥函式，它包含3個引數：records引數表示獲得的資料，
            // options表示執行load()時傳遞的引數，success表示是否載入成功。
       callback: function(records, options, success){
                  Ext.Msg.alert('info', '載入完畢');
         },
        scope: store, //Scope用來指定回撥函式執行時的作用域
           //Add為true時，load()得到的資料會新增在原來的store資料的末尾，
          //否則會先清除之前的資料，再將得到的資料新增到store中
　　add: true
});