一.本地模式
var articlekind = new Ext.form.ComboBox({
fieldLabel : '部門', //UI標(biāo)簽名稱
name : 'identity', //作為form提交時(shí)傳送的參數(shù)名
allowBlank : false, //是否允許為空
mode : 'local', //數(shù)據(jù)模式, local為本地模式, 如果不設(shè)置,就顯示不停的加載中...
readOnly : true, //是否只讀
triggerAction : 'all', //顯示所有下列數(shù).必須指定為'all'
anchor : '90%',
emptyText:'請(qǐng)選擇...', //沒有默認(rèn)值時(shí),顯示的字符串
store : new Ext.data.SimpleStore({ //填充的數(shù)據(jù)
fields : ['text', 'value'],
data : [['t1', 'v1'], ['t2', 'v2'], ['t3', 'v3']]
}),
value:'t2', //設(shè)置當(dāng)前選中的值, 也可用作初始化時(shí)的默認(rèn)值, 默認(rèn)為空
valueField : 'value', //傳送的值
displayField : 'text', //UI列表顯示的文本
regex : /[\u4e00-\u9fa5]/, //只能輸入中文. 正則表達(dá)式驗(yàn)證:詳見: http://www.aygfsteel.com/algz/articles/263284.html
regexText : "只能輸入中文!" //使用正則表達(dá)式時(shí),設(shè)置的錯(cuò)誤提示
});
五個(gè)必須項(xiàng).
二.遠(yuǎn)程模式
//author.json頁(yè)面: {author : [{text : "t1" , value : "v1" } , {text : "t2" , value : "v2" }]}
var remoteComboBox= new Ext.form.ComboBox({
fieldLabel : '部門', //UI標(biāo)簽名稱
name : 'identity', //作為form提交時(shí)傳送的參數(shù)名
allowBlank : false, //是否允許為空
mode : "remote", //數(shù)據(jù)模式為遠(yuǎn)程模式, 也可不設(shè)置,即默認(rèn)值也為remote
readOnly : true, //是否只讀
triggerAction : 'all', //顯示所有下列數(shù).必須指定為'all'
anchor : '90%',
emptyText:'請(qǐng)選擇...', //沒有默認(rèn)值時(shí),顯示的字符串
store : new Ext.data.JsonStore({ //填充的數(shù)據(jù)
url : "author.json",
fields : new Ext.data.Record.create( ['text', 'value']), //也可直接為["text","value"]
root : "author"
}),
value:'v2', //設(shè)置當(dāng)前選中的值, 也可用作初始化時(shí)的默認(rèn)值, 默認(rèn)為空
valueField : 'value', //傳送的值
displayField : 'text' //UI列表顯示的文本
});