Extjs多选下拉框02

直接在需要使用的页面中的组件更改即可,例子如下:

{
								  fieldLabel:'多选下拉框',
								  triggerAction:'all',
								  id:'multiselect',
								  name:'multiselect',
								  xtype: 'combo',
								  width:100,
								  emptyText:'请选择',
								  store:manStore,
								  mode:'local',
								  valueField:'value',
								  displayField:'value',
								  //editable:false,
								  frame:true,
								  
					        typeAhead: true,   
					        tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]}  value="{[values.value]}" /></span><span >{value}</span></div></tpl>',     
					        selectOnFocus:true,
					        //value:'',
					        //applyTo: 'local-states',   
					        onSelect : function(record, index){   
					            if(this.fireEvent('beforeselect', this, record, index) !== false){   
					                record.set('check',!record.get('check'));   
					                var str=[];//页面显示的值   
					                var strvalue=[];//传入后台的值   
					                this.store.each(function(rc){   
					                    if(rc.get('check')){   
					                        str.push(rc.get('value'));   
					                        strvalue.push(rc.get('value'));   
					                    }   
					                });   
					                this.setValue(str.join());   
					                this.value=strvalue.join();   
					                //this.collapse();   
					                this.fireEvent('select', this, record, index);  
					                
					            }   
					        }
							}

这方法避免了前篇中提到的出现bug的问题。而且简单不用加载附件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值