Ext下拉 ComboBox多选拓展代码(超好用)
来源:互联网 发布:sql数据库文件修复 编辑:程序博客网 时间:2024/06/08 01:30
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(); } });
感谢众多网络上资料作者的提供的内容,经过多次改造试验好用了,感谢!
0 0
- Ext下拉 ComboBox多选拓展代码(超好用)
- 扩展Ext的Combobox实现多选下拉列表
- 扩展Ext的Combobox实现多选下拉列表
- ext下拉列表(ComboBox篇)
- 使用EXT实现ComboBox多列下拉列表
- easyui-combobox下拉多选
- ext-2.0扩展多选下拉框(代码及演示)
- ext-2.0扩展多选下拉框(代码及演示)
- ext-2.0扩展多选下拉框(代码及演示)
- Ext.form.ComboBox 表格下拉最终版本
- Ext Combobox 动态下拉树实现
- ext combobox 下拉框显示位置问题
- ext多选下拉框
- jquery的combobox实现下拉多选
- easyui-combobox多选下拉框
- Ext 学习笔记(一)Ext ComboBox
- Ext 学习笔记(一)Ext ComboBox
- Ext combobox下拉框宽度不匹配控件宽度解决
- on方法绑定事件
- Mybatis 中的一个错误
- JS判断字符串长度(中文2字符,英文1字符),可调整
- Linux(CentOS)中常用软件安装,使用及异常——XManager, 中文支持,JDK
- Android AutoLayout 使用记录
- Ext下拉 ComboBox多选拓展代码(超好用)
- Android Studio 将moudle打包成jar
- UNIX网络编程--非阻塞connect的实现
- Android中封装View提供接口供点击事件回调的方法及使用
- 常见正则表达式匹配
- servlet安全问题
- Leetcode - Move Zeroes
- 3.12(反转单结点)
- Comparator 和 Comparable 比较