一.本地模式
var articlekind = new Ext.form.ComboBox({
fieldLabel : '部門', //UI標簽名稱
name : 'identity', //作為form提交時傳送的參數名
allowBlank : false, //是否允許為空
mode : 'local', //數據模式, local為本地模式, 如果不設置,就顯示不停的加載中...
readOnly : true, //是否只讀
triggerAction : 'all', //顯示所有下列數.必須指定為'all'
anchor : '90%',
emptyText:'請選擇...', //沒有默認值時,顯示的字符串
store : new Ext.data.SimpleStore({ //填充的數據
fields : ['text', 'value'],
data : [['t1', 'v1'], ['t2', 'v2'], ['t3', 'v3']]
}),
value:'t2', //設置當前選中的值, 也可用作初始化時的默認值, 默認為空
valueField : 'value', //傳送的值
displayField : 'text', //UI列表顯示的文本
regex : /[\u4e00-\u9fa5]/, //只能輸入中文. 正則表達式驗證:詳見:
http://www.tkk7.com/algz/articles/263284.html
regexText : "只能輸入中文!" //使用正則表達式時,設置的錯誤提示
});
五個必須項.
二.遠程模式
//author.json頁面: {author : [{text : "t1" , value : "v1" } , {text : "t2" , value : "v2" }]}
var remoteComboBox= new Ext.form.ComboBox({
fieldLabel : '部門', //UI標簽名稱
name : 'identity', //作為form提交時傳送的參數名
allowBlank : false, //是否允許為空
mode : "remote", //數據模式為遠程模式, 也可不設置,即默認值也為remote
readOnly : true, //是否只讀
triggerAction : 'all', //顯示所有下列數.必須指定為'all'
anchor : '90%',
emptyText:'請選擇...', //沒有默認值時,顯示的字符串
store : new Ext.data.JsonStore({ //填充的數據
url : "author.json",
fields : new Ext.data.Record.create( ['text', 'value']), //也可直接為["text","value"]
root : "author"
}),
value:'v2', //設置當前選中的值, 也可用作初始化時的默認值, 默認為空
valueField : 'value', //傳送的值
displayField : 'text' //UI列表顯示的文本
});
posted on 2008-09-08 10:46
紫蝶∏飛揚↗ 閱讀(10006)
評論(5) 編輯 收藏 所屬分類:
EXTJS