ExtJs中Store簡介 秘籍

2021-09-01 23:35:21 字數 1257 閱讀 9050

1.什麼store?

store類似於乙個本地倉庫(即資料儲存器),包括有 arraystore,directstore,groupingstore,jsonstore,xmlstore(都是store的子類)

最終主要用於提供給panel去顯示.

store由proxy(資料來源)和datareader(解讀資料)組成。

一.(proxy)資料來源:一般是後台的值,習慣性的把它轉換成json物件給store(注:個人理解)

二.(datareader)讀取資料:獲得了資料後需要解析資料,datareader(fields屬性其實是record物件的)解析資料並指定格式.

三.store儲存好的資料最後交給panel

2.store中重要的屬性和方法

屬性:data、proxy、reader、url、root ....

方法:load

1、如果配置了data,則proxy和url無效,且不需要呼叫load方法來生成record集合

view sourceprint?1.var store=new ext.data.arraystore();

2、如果沒有配置data,則必須設定proxy或url,或兩者都設定。此時,如果沒有將autoload設定為true,

那麼需要手動進行load方法的呼叫。就是為了得到陣列、json或xml等格式的資料。

view sourceprint?01.//jsonstore是負責後台返回json物件的處理http://

02.

var store1 = new ext.data.jsonstore(]}

07.

fields: [

08.

09.

10.

11.

12.

] 13.

});3、reader是必須的,用以指定資料解析器,

需要根據獲得的資料格式指定相應型別的解析器。(上面簡寫了,其實fidlds是由datareader物件建立record例項的乙個屬性)

4、如果沒有指定proxy,但指定了url,則會預設用httpproxy作為資料來源,並將url作為httpproxy例項化時的引數。

view sourceprint?1.

2. var mystore = new ext.data.store()

8.});

5、root是指定json組(個人這樣理解的),算了,看json傳過來的物件應該清楚了

view sourceprint?1.,,,,]}

Extjs 各種store示例

以前多多少少用過一些store,總覺得還是處於一知半解的地步,今天總結一下用過的store,及建立的方式.store.常用於下拉框這模擬較簡單的資料.var new ext.data.store jsonstore xmlstore var store new ext.data.xmlstore e...

Extjs 動態拼裝Store

動態拼裝arraystore 1 定義store var result 資料 var fieldstr 列名 var store ext.create ext.data.arraystore 2 在function 中拼接data和field function getdata var date fp...

Extjs中的store資料進行json序列化

當extjs前台需要進行將store中的資料,轉成json字串,以便傳給後台處理 有以下2種方式去進行store轉json var jsondata ext.encode ext.pluck store.data.items,data 第2種 var datar new array var json...