博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(转)extJs combox 动态下拉框联动(级联)
阅读量:6079 次
发布时间:2019-06-20

本文共 2094 字,大约阅读时间需要 6 分钟。

首先,两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源,这就是一个简单的二级联动的实现原理了.Js代码  //  第一个下拉框  var parentStore = new Ext.data.Store({      proxy: new Ext.data.HttpProxy({          url: 'loadByParentid.action?parentid=1001'      }),      reader: new Ext.data.JsonReader({      root: 'list',      id: 'id'      }, [          {name: 'id', mapping: 'id'},          {name: 'mc', mapping: 'name'}      ])  });   //     第二个下拉框  var childStore = new Ext.data.Store({      proxy: new Ext.data.HttpProxy({          url: '#'      }),      reader: new Ext.data.JsonReader({      root: 'list',      id: 'id'      }, [          {name: 'id', mapping: 'id'},          {name: 'mc', mapping: 'name'}      ])  });
parentStore.load();
Ext.form.ComboBox({          fieldLabel: '请选择分类',             xtype:'combo',             store: parentStore,             valueField :"id",             displayField: "mc",             mode: 'local',             forceSelection: true,//必须选择一项             emptyText:'请选择分类...',//默认值             hiddenName:'interviewsDetail.parent_category',//hiddenName才是提交到后台的input的name             editable: false,//不允许输入             triggerAction: 'all',        id :'parent_id',             name: 'parent',           width: 400,           listeners:{                select : function(combo, record,index){                  childStore.proxy= new Ext.data.HttpProxy({url: 'loadByParentid.action?parentid=' + combo.value});                      childStore.load();               }          }         });     Ext.form.ComboBox({             xtype:'combo',             store: childStore,             valueField :"id",             displayField: "mc",  //数据是在本地             mode: 'local',             forceSelection: true,//必须选择一项             emptyText:'请选择子分类...',//默认值             hiddenName:'interviewsDetail.child_category',//hiddenName才是提交到后台的input的name             editable: false,//不允许输入             triggerAction: 'all',           fieldLabel: '选择',             id : 'child_id',             name: 'child',          width: 400         });

 

转载于:https://www.cnblogs.com/hb-strive/archive/2013/04/10/3012406.html

你可能感兴趣的文章
网站内容禁止复制解决办法
查看>>
Qt多线程
查看>>
我的友情链接
查看>>
想说一点东西。。。。
查看>>
css知多少(8)——float上篇
查看>>
NLB网路负载均衡管理器详解
查看>>
水平添加滚动条
查看>>
PHP中”单例模式“实例讲解
查看>>
VS2008查看dll导出函数
查看>>
VM EBS R12迁移,启动APTier . AutoConfig错误
查看>>
atitit.细节决定成败的适合情形与缺点
查看>>
iOS - Library 库
查看>>
MATLAB 读取DICOM格式文件
查看>>
spring事务管理(Transaction)
查看>>
django.contrib.auth登陆注销学习
查看>>
js执行本地exe文件的3种方法
查看>>
理解B树索引
查看>>
vi编辑器的命令集合
查看>>
Mysql利用binlog恢复数据
查看>>
解决 Windows启动时要求验证
查看>>