Extjs4 关于Store的一些操作


1、关于加载和回调的问题


ExtJs的Store在加载时候一般是延迟加载的,这时候Grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!

但是Store却没有waitMsg属性。

解决方案:

1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框

2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成;

3.一定要给store的reload方法也添加callback函数,已关闭提示框

例子主要代码如下:

varmsgTip;         // 一定要定义在使用前,且定义为全局变量
var reportStore=new Ext.data.Store({
     proxy:reportProxy,
      reader:reportReader,
     listeners:{
            beforeload:function(){
                  msgTip = Ext.MessageBox.show({
                 title:'提示',
                 width : 250,
                  msg:'页面报表统计信息刷新中,请稍后......'
               });
      }

   }
});

reportStore.load({
   callback: function(records, options, success){
             msgTip.hide();   // 加载完成,关闭提示框
     }
});

注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框

reportStore.reload({
        callback: function(records, options, success){
           msgTip.hide(); // 加载完成,关闭提示框
        }
});

--------以下为其他参数------

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: false             //Add为true时,load()得到的数据会添加在原来的store数据的末尾,
                                    //否则会先清除之前的数据,再将得到的数据添加到store中
  

});


2、从一个store添加符合某条件记录给另一个store中。

    var MyDocnumStore_Load = function(store){
        //var index = 0;
        store.each(function(record) {
            if(record.data.PlanCarNo != '' ) {  //column_name 替换成你的列名, '1' 替换成你的值
                if (record.data.Docnum != _rec.get('Docnum')){
                   var _TmpStr = record.data.UseDate+'----->'+record.data.PlanCarNo;
                    myDocnumStore.add({
                                      'UpDocnum':record.data.Docnum
                                  ,'DocnumDesc':_TmpStr
                                  ,'UseDate':record.data.UseDate
                                  ,'PlanCarNo':record.data.PlanCarNo
                     });
                }
            }
           })
        myDocnumStore.sort('UseDate', 'ASC');
    };
    MyDocnumStore_Load(mystore);           //载入可拼车列表;



你可能感兴趣的:(Extjs4 关于Store的一些操作)