extjs下拉式清單（二）

標籤：extjs

最近看了看extjs，以前對這方面沒有學習，只所以沒有學習，聽到別人說這個架構比較佔用記憶體，最近用了幾天時間在研究這，感覺不錯。如果要是做簡單的，建設用easyUi

       var st1 = new Ext.data.Store({                fields: ["name", "id"],                data: [                    { name: "男", id: "1" },                    { name: "女", id: "2" }                ]            });        var w = new Ext.Window({            height: 500,            width: 500,            title: "下拉式清單控制項",            items: [                {                    xtype: "combobox",                    store: st1,                    displayField: "name",   //顯示出來的是name                     valueField: "id",       //值是id                    fieldLabel: "性別",     //label                    labelWidth: 50,         //label寬度                    editable: false,        //不可編輯                    emptyText: "請選擇...", //為空白的時候顯示的文字                    id: "cboSex",           //id                    listeners: {            //偵聽事件，除了點擊事件外，其它事件都是寫在這裡                        select: function (c, b) { //選擇事件                            alert(Ext.getCmp("cboSex").getValue()); //這裡拿到的是id                        }                    }                }            ]        });        w.show();

 var combo = new Ext.form.ComboBox({            emptyText: ‘請選擇山西城市‘,            mode: ‘local‘,            width: 100,            triggerAction: ‘all‘,            transform: ‘combo‘        });        var btn = new Ext.Button({            text: "列表框的值",            renderTo: Ext.getBody(),            handler: function () {                Ext.Msg.alert("城市", "實際值:" + combo.getValue() + ";顯示值：" + combo.getRawValue());            }        });

     <select id="combo" class="center">            <option value="dalian">太原</option>            <option value="shenyang">晉城</option>            <option value="dandong">長治</option>            <option value="anshan">臨汾</option>        </select>  

有寫的不好的地方，大家可以隨時提出，多學習。