Extjs的使用總結筆記

2021-09-22 08:39:07 字數 1809 閱讀 9072

一:extjs自帶驗證

1.alpha //只能輸入字母,無法輸入其他(如數字,特殊符號等) 

2.alphanum//只能輸入字母和數字,無法輸入其他 

3.email//email驗證,要求的格式是"" 

4.url//url格式驗證,要求的格式是 

5.allowblank:false, //不允許為空 

6.使用正規表示式驗證 

new ext.form.textfield({ 

fieldlabel : "姓名", 

name : "author_nam", 

regex : /[u4e00-u9fa5]/, //正規表示式在/...../之間. [u4e00-u9fa5] : 只能輸入中文. 

regextext:"只能輸入中文!", //正規表示式錯誤提示 

allowblank : false //此驗證依然有效.不許為空.

需要在元件上設定(items外面)  monitorvalid:true, //驗證開啟。不通過提交按鈕不可用  

提交按鈕上設定formbind:true   //驗證開啟

二:extjs自定義驗證

allowblank:false, //不允許為空 

blanktext:"不能為空", //錯誤提示

vtype:'password', 

vtypetext:'兩次輸入的密碼不一致', 

confirmto:'userpass', //元件id

四:extjs的非同步同步請求

xtype:'fieldset',

title:'使用者資訊',    //顯示如下

六.extjs的下拉框控制項

xtype:'combobox', 

fieldlabel:'身份', 

store:userstore,

displayfield: "name", //顯示的字段

valuefield: "name",   //值的字段

emptytext:'請選擇身份' ,

editable: false,       //是否可編譯

七:extjs的form表單中的xtyp

form ext.formpanel 

checkbox ext.form.checkbox 

combo ext.form.combobox 

datefield ext.form.datefield 

field ext.form.field 

fieldset ext.form.fieldset 

hidden ext.form.hidden 

htmleditor ext.form.htmleditor 

label ext.form.label 

numberfield ext.form.numberfield 

radio ext.form.radio 

textarea ext.form.textarea 

textfield ext.form.textfield 

timefield ext.form.timefield 

trigger ext.form.triggerfield 

EXTJs學習筆記(知識點總結)

getdom方法能夠得到文件中的dom節點,該方法中包含乙個引數,該引數可以是dom 節點的id dom節點物件或dom節點對應的ext元素 element 等。與 getelementbyid是乙個效果 ext.onready function html頁面中包含乙個id為hello的div,如下...

ExtJS常用總結

ext.get id 和ext.getcmp id 返回component物件 ext.query cssselector 返回乙個原生的dom陣列,與jquery用的css選擇器語法是一樣的,可以根據id,class,name等進行選擇 new ext.element 引數是原生dom物件 可以將...

Extjs常用總結

js驗證日期跨度 var e ext.util.format.date tab.down customertype2 getvalue y m d 格式化日期控制項值 var s ext.util.format.date tab.down customertype1 getvalue y m d 格...