列表的二级联动(ExtJs)"/>
下拉列表的二级联动(ExtJs)
//下面的方法是创建一个下拉列表的二级联动组件,并扔到原先的面板中
expansion : function(cfg){var typeCombStore = new Ext.data.JsonStore({ //一级列表数据fields : ['value', 'text'],data : [{'value' : 1,'text' : '一类'},{'value' : 2,'text' : '二类'}, {'value' : 3,'text' : '三类'}, {'value' : 4,'text' : '四类'}, {'value' : 5,'text' : '五类'}]});this.typeComb = new Ext.form.ComboBox({ //一级列表创建value: '1',//默认值store : typeCombStore,valueField : "value",displayField : "text",mode : 'local',triggerAction : 'all',selectOnFocus : true,forceSelection : true,width : 80});//存放所有的二级下拉列表数据this.chineseMedicineInfoData = {};this.chineseMedicineInfoData["1"] = [{'value' : '410000005-2','text' : '药封包治疗'},{'value' : '420000013','text' : '中医定向透药疗法'},{'value' : '410000009','text' : '中药熏药治疗'}];this.chineseMedicineInfoData["2"] = [{'value' : '410000003','text' : '中药涂擦治疗'},{'value' : '440000004','text' : '拔罐治疗'}];this.chineseMedicineInfoData["3"] = [{'value' : '440000001','text' : '灸法'},{'value' : '430000023','text' : '穴位贴敷'},{'value' : '410000001','text' : '敷贴疗法'},{'value' : '470000010','text' : '中药硬膏热贴敷治疗'},{'value' : '470000012','text' : '刮痧治疗'}];this.chineseMedicineInfoData["4"] = [{'value' : '430000001','text' : '普通针刺'},{'value' : '430000016','text' : '电针'},{'value' : '430000007','text' : '头皮针'},{'value' : '430000005','text' : '微针针刺'},{'value' : '430000009','text' : '梅花针'},{'value' : '430000021','text' : '放血疗法'},{'value' : '410000012','text' : '割治疗法'},{'value' : '430000012','text' : '耳针'},{'value' : '430000022','text' : '穴位注射'}];this.chineseMedicineInfoData["5"] = [{'value' : '450000005','text' : '急性腰扭伤推拿治疗'},{'value' : '450000006','text' : '腰椎间盘突出推拿治疗'},{'value' : '450000006*1','text' : '腰部疾病推拿治疗'},{'value' : '450000002','text' : '颈椎病推拿治疗'},{'value' : '450000001','text' : '落枕推拿治疗'},{'value' : '450000008','text' : '内科妇科疾病推拿治疗'},{'value' : '450000003','text' : '肩周炎推拿治疗'},{'value' : '450000007','text' : '膝关节骨性关节炎推拿治疗'},{'value' : '450000004','text' : '网球肘推拿治疗'},{'value' : '430000003','text' : '手指点穴 '},{'value' : '450000010','text' : '小儿捏脊治疗 '},{'value' : '430000002','text' : '温针 '},{'value' : '430000025','text' : '经络穴位测评疗法 '}];this.chineseMedicineInfoCombStore = new Ext.data.JsonStore({ //这里定义了一个二级下拉列表的初始化值,也可以从上面的获取fields : ['value', 'text'],data : [{'value' : '410000005-2','text' : '药封包治疗'},{'value' : '420000013','text' : '中医定向透药疗法'},{'value' : '410000009','text' : '中药熏药治疗'}]}); this.chineseMedicineInfoComb = new Ext.form.ComboBox({ //创建二级下拉列表store : this.chineseMedicineInfoCombStore,valueField : "value",displayField : "text",mode : 'local',triggerAction : 'all',selectOnFocus : true,forceSelection : true,width : 160,emptyText: "--请选择--"});//联动的实现(一级列表选择时事件触发)this.typeComb.on('select', function () {var value = this.typeComb.getValue();this.chineseMedicineInfoCombStore.removeAll();var datas = this.chineseMedicineInfoData[value];for(var i=0; i<datas.length; i++){this.chineseMedicineInfoCombStore.add(new Ext.data.Record({ 'value' : datas[i].value, 'text' : datas[i].text }));}
// this.chineseMedicineInfoCombStore.load();this.chineseMedicineInfoComb.setValue('');this.store.removeAll();}, this);this.chineseMedicineInfoComb.on('select', this.loadData, this);//以下代码与本文介绍内容无关var qyBtn = new Ext.Button({text : '启用',iconCls : "commit", notReadOnly : true });qyBtn.on("click", this.qyBtnClick, this);var jyBtn = new Ext.Button({text : '禁用',iconCls : "remove", notReadOnly : true });jyBtn.on("click", this.jyBtnClick, this);var tbar = cfg.tbar;delete cfg.tbar;cfg.tbar = [];this.btns = tbar;cfg.tbar.push(["中医大类:", "-", this.typeComb, "中医明细:", "-", this.chineseMedicineInfoComb, "-", qyBtn, "-", jyBtn]);
}
更多推荐
下拉列表的二级联动(ExtJs)
发布评论