[技術:Ext/Js ] 讀書筆記-Ext 的資料儲存與傳輸

2010-10-05

3261
0
2010-10-16

(1) Ext.data 命名空間定義一系列的 store, reader 與 proxy.
(2) Ext 中的 Grid 與 ComboBox 皆以 Ext.data 作為媒介以獲取資料,
Ext.data 提供了包含非同步載入, 類型轉換與分頁等功能.
(3) Ext.data 支援 Array, JSON 與 XML 等資料格式, 分別可透過 Memory, Http 與 ScripTag 等方式獲得資料.
若要支援其他資料格式, 可擴充 reader 和 proxy, 關於如何擴充可參考 DWRProxy.

書籍: 次世代 AJAX 解決方案, EXT/JS 開發實戰

Ch10

10.1 Ext.data 簡介:

(1) Ext.data 命名空間定義一系列的 store, reader 與 proxy.
(2) Ext 中的 Grid 與 ComboBox 皆以 Ext.data 作為媒介以獲取資料,
Ext.data 提供了包含非同步載入, 類型轉換與分頁等功能.
(3) Ext.data 支援 Array, JSON 與 XML 等資料格式, 分別可透過 Memory, Http 與 ScripTag
等方式獲得資料.若要支援其他資料格式, 可擴充 reader 和 proxy, 關於如何擴充可參考 DWRProxy.

10.2 Ext.data.Connection

(1) Ext.data.Connection 是對 Ext.lib.Ajax 的封裝版本, 在內部透過 Ext.lib.Ajax
       實現非同步呼叫後台的動作.
(2) Ext.data.Connection 主要作用是使用於 Ext.data.HttpProxy 和 Ext.data.ScriptTagProxy 中,
       負責執行與後台的互動. 會從指定的 URL 中獲得資料,
       並把從後台傳回來的資料轉由 HttpProxy 或 ScriptTagProxy 處理.
(3) Ext.data.Connection 使用方法參考 Ex10-1.

Ex10-1:使用 Ext.data.Connection.);

Ext 10.1 所用到的 Ext.data.Connection 的屬性說明如下:

==> autoAbort: 當 Request Pending 時, 連線是否要自動中斷
==> defaultHeader: Request 預設標頭資訊.
==> disableCaching: Request 是否禁用快取
==> extraParams: Request 額外參數.
==> method: Request 的方法 (GET 或 POST)
==> timeout: Request 逾時時間.
==> url: Request 所連結網址.

(4) 建立了 conn 後, 可使用 conn.request() 發送請求併處理返回結果, 如下所示:

以 request 函數發送請求併處理返回結果)

如上述, conn.request() 可設定 success 與 failure 兩個 callback function.
分別於 Request 於 success 或 failure 時皆可呼叫.另 Request Success 時,
response 參數即為後台傳回資訊.

其他 Ext.data.connection 屬性及方法, 請參考 API: dev.sencha.com/deploy/dev/docs/

這一陣子的新專案採用 MVC 架構, 前端是用 Ext/Js 來開發的,
對我而言也是一個新的東西, 因此也將學習過程記錄下來, 往後也可作為 Review 的參考.
如果內容有誤, 也請各位前輩多多指教!

黑貓仔的修練之路

回首頁