ExtJS的使用方法彙總7 資料儲存與傳輸

2021-06-12 06:10:17 字數 2393 閱讀 4143

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來說,這些選單的實現都非常簡單。我們可以在乙個面板的頂端或底端放置一橫排功能按鈕,按下不同的按鈕時會執行不同的操作。我們把這個橫...