extjs的資料傳輸與處理配置相當麻煩,從ext.data.connection類到ext.data.record到ext.data.store,以及一系列proxy和reader,往往讓初學者很頭疼。新學一樣東西馬上就去硬啃這些知識是非常不可取的,本人的經驗是先用最簡單的,等你熟練了再去深入理解其中的設計。
還好extjs提供了幾個用於處理資料傳輸的高階store,在工作中非常實用: 一:
ext.data.******store
可以認為:******store=store+memoryproxy+arrayreader
也就是說這個簡潔版本的store專門用來處理返回為陣列格式的資料。
看如下**:
01
....
02
store :
new
ext.data.******store(
09
}),
10
....
指定url 指定fields 就可以一部請求後台資料,當然後台必須返回的蘇陣列格式的資料。很簡單吧,這個store常用語表單中的下拉框取值。
二:ext.data.jsonstore
01
this
.store =
new
ext.data.jsonstore(,
"sendtime"
,
"recipients"
,
"phonenumber"
,
"userid"
,
"username"
,
"smscontent"
,
"status"
]});
09
this
.store.setdefaultsort(
"smsid"
,
"desc"
);
10
this
.store.load(
15
});
jsonstore將jsonreader和httpproxy整合在一起了,提供了乙個從後台獲取json資料的簡便方法,分頁也非常方便。
後台返回標準的json資料既可以。
三:ext.data.groupingjsonstore
01
this
.store =
new
ext.data.groupingstore(),
05
reader :
new
ext.data.jsonreader(, ,
"taskname"
, , ,
"fieldname"
,
"fieldlabel"
]
21
}),
22
groupfield :
"taskname"
23
});
24
this
.store.load();
上面的groupfield標識按某乙個字段進行分組顯示
ExtJs 3 2的客戶端驗證
extjs提供了許多可在客戶端驗證的方法,如設定textfield的屬性regex或vtype,如 在某textfield元件中指定 使用regex的方法如下 驗證用的正規表示式 regextext 手機格式不正確,號碼11位 客戶端驗證失敗時提示資訊 上面的正規表示式並不是完全正確,後面再完善。使...
Ext Js 3 2中Record的使用方法
先來了解ext js和sql的不用語法 1 ext js語法 var employeerecord new ext.data.record.create 2 sql語法 create table employeerecord empid number 8 first varchar2 20 name...
ExtJs007最常用的查詢方法
1 ext.onready function 10 查詢系最常用的方法 11 ext.dom.element get fly getdom 1213 var d1 ext.get d1 都是id 14var sp ext.get sp 1516 查詢系方法 1718 1 contains 判斷元素是...