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

});