ext.data在命名空間中定義了一系列store、reader和proxy。grid和comboxbox都是以ext.data為媒介獲取資料的,它包含非同步載入、型別轉換、分頁等功能。ext預設支援array、json、xml等資料格式,可以通過memory、http、scripttag等方式獲得這些格式的資料。如果要實現新的協議和新的資料結構,只需要擴充套件reader和proxy即可。本章主要介紹ext中的資料儲存與傳輸。
ext.data.connection主要用於在ext.data.httpproxy和ext.data.scripttagproxy中執行與後台互動的任務,它會從指定的url獲得資料,並把後台返回的資料交給httpproxy或scripttagproxy處理,ext.data.connection的使用方式如下面所示:
(1) 首先建立乙個新的ext.data.connection例項。
[c-sharp]view plain
copy
var conn=new ext.data.connection(,
disablecaching:false,
extraparams:,
method:'get',
timeout:300,
url:'01-01.txt'
});
(2) 在建立conn之後,可以呼叫request()函式傳送請求,處理返回的結果。
[c-sharp]view plain
copy
conn.request(,
failure:function()
});
(3) ext.data.connection還提供了abort([number transactionid])函式,當同時有多個請求發生時,根據指定的事務id放棄其中的某乙個請求,如果不指定id,則會放棄最後乙個請求。
ext.data.record就是乙個設定了內部資料型別的物件,它是ext.data.store的最基本組成部分。ext.data.record的主要功能是儲存資料,並且在內部資料發生改變時記錄修改的狀態,它還可以保留修改之前的原始值。
(1) 我們使用ext.data.record時,通常都是由create()函式開始,首先用create()函式建立乙個自定義的recore型別,如下所示:
[c-sharp]view plain
copy
var personrecord=ext.data.record.create([
,
]);
(2) personrecord就是我們定義的新型別,然後我們使用new關鍵字建立personrecord的例項:
[c-sharp]view plain
copy
var boy=new personrecord();
(3) 現在,我們得到了personrecord的例項boy,如何得到它的屬性值?以下有三種方法:
[c-sharp]view plain
copy
alert(boy.data.name);
alert(boy.data['name']);
alert(boy.get['name']);
ext.data.store是ext中用來進行資料交換和資料互動的標準中介軟體,無論是grid還是combox,都是通過它實現資料讀取、型別轉換、排序分列和搜尋等操作。ext.data.store中有乙個ext.data.record陣列,所有資料都存放在這些ext.data.record例項中,為後面的讀取和修改操作做準備。
(1) 在使用之前,首先要建立乙個ext.data.store的例項,如下面**:
[c-sharp]view plain
copy
var data=[
['boy',0],
['girl',1]
];
var store=new ext.data.store(,personrecord)
});
store.load();
(2) 每個store最少需要兩個元件的支援,分別是proxy和reader,proxy是用於從某個途徑讀取原始資料,reader用於將原始資料轉換成record例項。
本章主要詳細介紹了ext.data.record和ext.data.store的功能和基本使用方法,這兩個類結合起來形成了ext.data中的主體資料模型,很多元件都是建立在它們之上的,至於其他的常用的proxy,reader,store:******store和jsonstore則在後面學習中給出詳細介紹。
ExtJS的使用方法彙總5 布局
所謂布局,簡單來說就是決定把什麼東西放到什麼位置上,對於管理軟體來說,一般都是首部放標題,左邊放選單欄,空餘的右下方用來顯示具體的內容。本章將詳細介紹ext中布局的用法。我們可以用ext.viewport類對整個頁面進行整體布局,具體使用方法如下 c sharp view plain copy va...
ExtJS的使用方法彙總 5 布局
所謂布局,簡單來說就是決定把什麼東西放到什麼位置上,對於管理軟體來說,一般都是首部放標題,左邊放選單欄,空餘的右下方用來顯示具體的內容。本章將詳細介紹ext中布局的用法。我們可以用ext.viewport類對整個頁面進行整體布局,具體使用方法如下 view plain copy to clipboa...
ExtJS的使用方法彙總 6 工具欄和菜
選單的種類很多,包括下拉列表 分組選單 右鍵選單等等,右鍵選單與window桌面上單擊右鍵彈出的選單效果一樣,只是樣式不同,選單上的內容包括文字 單選框 按鈕等。對於ext來說,這些選單的實現都非常簡單。我們可以在乙個面板的頂端或底端放置一橫排功能按鈕,按下不同的按鈕時會執行不同的操作。我們把這個橫...