知识与知识间的交流

把自己在做菜鸟时的经验和知识分享给大家,让同样是菜鸟的你少走弯路。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

多选情况下的 combox的二级关联

Posted on 2012-09-13 17:03  赵亚山  阅读(175)  评论(0编辑  收藏  举报

适合情况:在一级combox中选择多个选项显示中二级菜单中

 
重点代码已加注释
 1 {
 2             fieldLabel : '执行人',         
 3             xtype : 'combo',         
 4             displayField : 'username',
 5             valueField : 'id',           
 6             multiSelect : true,  //支持多选
 7             listeners : {  
 8                 "collapse" : function(btn) {   //监听下拉框消失时的事件
 9                     var taskCmp = Ext.getCmp("taskedituser");  //获取二级Combox
10                         taskCmp.clearValue();
11                    var obj = Ext.create('Ext.data.Store',{
12                        fields: ['id', 'username'],
13                         data :  btn.lastValue   //关键点: 获取一级关闭下拉框时的选择数据
14                     });
15                        taskCmp.bindStore(obj,false);  //关键点: 每次获得store时都更新一下
16                 }
17             }
18         },{
19             fieldLabel : '确认人',
20             id:'taskedituser',  //关键点: 设置id,方便一级菜单使用    
21             xtype : 'combo',
22             model:'local',
23             displayField : 'username',
24             valueField : 'id'
25         }