快捷導(dǎo)航

Extjs4 關(guān)于Store的一些操作(加載/回調(diào)/添加)

更新時(shí)間：2013年04月18日 16:50:59 作者：

本文詳細(xì)介紹下關(guān)于加載和回調(diào)的問題、從一個(gè)store添加符合某條件記錄給另一個(gè)store中，感興趣的朋友可以參考下，希望對你有所幫助

1、關(guān)于加載和回調(diào)的問題
ExtJs的Store在加載時(shí)候一般是延遲加載的，這時(shí)候Grid就會先出現(xiàn)一片空白，等加載完成后才出現(xiàn)數(shù)據(jù)；因此，我們需要給它添加一個(gè)提示信息！
但是Store卻沒有waitMsg屬性。

解決方案：
1.給store添加監(jiān)聽器，監(jiān)聽beforeload事件，加載前彈出提示框，加載完成后關(guān)閉提示框
2.callback為load的回調(diào)函數(shù)，在加載完成后執(zhí)行，因此關(guān)閉提示框由它完成；
3.一定要給store的reload方法也添加callback函數(shù)，已關(guān)閉提示框
例子主要代碼如下：

復(fù)制代碼代碼如下:

 
varmsgTip; // 一定要定義在使用前，且定義為全局變量 
var reportStore=new Ext.data.Store({ 
proxy:reportProxy, 
reader:reportReader, 
listeners:{ 
beforeload:function(){ 
msgTip = Ext.MessageBox.show({ 
title:'提示', 
width : 250, 
msg:'頁面報(bào)表統(tǒng)計(jì)信息刷新中,請稍后......' 
}); 
} 
} 
}); 
reportStore.load({ 
callback: function(records, options, success){ 
msgTip.hide(); // 加載完成，關(guān)閉提示框 
} 
}); 
注意：如果有調(diào)用reload來重新刷新頁面，reload也要添加callback函數(shù)來關(guān)閉提示框 
reportStore.reload({ 
callback: function(records, options, success){ 
msgTip.hide(); // 加載完成，關(guān)閉提示框 
} 
}); 
--------以下為其他參數(shù)------ 
store.load({ 
params:{start:0,limit:20}, //參數(shù) 
// callback是加載完畢時(shí)執(zhí)行的回調(diào)函數(shù)，它包含3個(gè)參數(shù)：records參數(shù)表示獲得的數(shù)據(jù)， 
// options表示執(zhí)行l(wèi)oad()時(shí)傳遞的參數(shù)，success表示是否加載成功。 
callback: function(records, options, success){ 
Ext.Msg.alert('info', '加載完畢'); 
}, 
scope: store, //Scope用來指定回調(diào)函數(shù)執(zhí)行時(shí)的作用域 
add: false //Add為true時(shí)，load()得到的數(shù)據(jù)會添加在原來的store數(shù)據(jù)的末尾， 
//否則會先清除之前的數(shù)據(jù)，再將得到的數(shù)據(jù)添加到store中 
　　 
}); 

2、從一個(gè)store添加符合某條件記錄給另一個(gè)store中

復(fù)制代碼代碼如下:

 
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); //載入可拼車列表； 