首頁 > web前端 > js教程 > Extjs4 關於Store的一些操作(載入/回呼/新增)_extjs

Extjs4 關於Store的一些操作(載入/回呼/新增)_extjs

WBOY
發布: 2016-05-16 17:36:14
原創
1387 人瀏覽過
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 =t .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表示是否載入成功。 >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); //載入可共乘清單;
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板