首页 > 代码库 > 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">太原>
有写的不好的地方,大家可以随时提出,多学习。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。