您的位置:首页 > 编程语言

Ext下拉 ComboBox多选拓展代码(超好用)

2016-08-30 14:34 489 查看
var multiSelect=  Ext.define('Ext.ux.MultiComboBox',
extend: 'Ext.form.ComboBox',
xtype: 'multicombobox',
id:'Select',
name:'Select',
fieldLabel:'标题',
labelWidth: 150,
width:350,
labelAlign : 'left',
//      store:getDicStore('DIC'),//数据源
displayField: 'text',
valueField: 'value',
mode: 'local',
initComponent: function(){
this.multiSelect = true;
this.listConfig = {
itemTpl : Ext.create('Ext.XTemplate',
'<input type=checkbox>{text}'),
onItemSelect: function(record) {
var node = this.getNode(record);
if (node) {
Ext.fly(node).addCls(this.selectedItemCls);

var checkboxs = node.getElementsByTagName("input");
if(checkboxs!=null)
{
var checkbox = checkboxs[0];
checkbox.checked = true;
}
}
},
listeners:{
itemclick:function(view,  item){
var isSelected = view.isSelected(item);
var checkboxs = item.getElementsByTagName("input");
if(checkboxs!=null)
{
var checkbox = checkboxs[0];
if(!isSelected)
{
checkbox.checked = true;
}else{
checkbox.checked = false;
}
}
}
}
}
this.callParent();
}
});
感谢众多网络上资料作者的提供的内容,经过多次改造试验好用了,感谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息