Extjs下拉框笔记

前端之家收集整理的这篇文章主要介绍了Extjs下拉框笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。



Ext.define("formTP",{

extend:"Ext.data.Model",
fields : [
{name: 'tNFormTPId',type: 'long'},
{name: 'fmTpName',type: 'string'}
]

});

var comBoxStore = Ext.create("Ext.data.Store",{
model:"formTP",
proxy:{
type:"ajax",
url:"createNewForm/createNewForm!viewFormTPData.action",
reader: {type: 'json',root : "formTPList"}
}

});

comBoxStore.load();


var comboBox = Ext.create('Ext.form.ComboBox',{
store: comBoxStore,
valueField : "tNFormTPId",
displayField : "fmTpName",
mode : 'remote',
forceSelection : true,// 必须选择一个选项
editable : false,
triggerAction : 'all',// 因为这个下拉是只能选择的,所以一定要设置属性triggerAction为all,不然当你选择了某个选项后,你的下拉将只会出现匹配选项值文本的选择项,其它选择项是不会再显示了,这样你就不能更改其它选项了。
allowBlank : false,
emptyText:"FormType Name",
fieldLabel: 'FormType Name',
name:"formTPId",
margin: '5 10 5 10',
width:422,
labelWidth: 200

});

猜你在找的Ajax相关文章