首页 > 代码库 > 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=http://www.mamicode.com/"dalian">太原>
有写的不好的地方,大家可以随时提出,多学习。