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

    });