zoukankan      html  css  js  c++  java
  • Extjs4.2 多选下拉框

    //多选下拉框
    Ext.define('MDM.view.custom.MultiComboBox', {
        extend: 'Ext.form.ComboBox',
        alias: 'widget.multicombobox',
        xtype: 'multicombobox',
        initComponent: function() {
            this.multiSelect = true;
            this.listConfig = {
                itemTpl: Ext.create('Ext.XTemplate',
    '<input type=checkbox>{' + this.displayField + '}'),
                onItemSelect: function(record) {
                    var node = this.getNode(record);
                    var count = this.getStore().data.length;
                    if (node) {
                        Ext.fly(node).addCls(this.selectedItemCls);
                        var checkboxs = node.getElementsByTagName("input");
                        if (checkboxs != null) {
                            var checkbox = checkboxs[0];
                            checkbox.checked = true;
                        }
                    }
                },
                onItemDeselect: function(record) {
                var node = this.getNode(record);
                var count = this.getStore().data.length;
                if (node) {
                    Ext.fly(node).removeCls(this.selectedItemCls);
                    var checkboxs = node.getElementsByTagName("input");
                    if (checkboxs != null) {
                        var checkbox = checkboxs[0];
                        checkbox.checked = false;
                    }
                }
                },
                listeners: {
                    itemclick: function(view, record, item, index, e, eOpts) {
                        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();
        }
    });
    

      

  • 相关阅读:
    Linux开发初探
    Linux开发初探
    电脑使用说明书
    电脑使用说明书
    Delegates, Events, and Anonymous Methods 委托、事件与匿名方法
    CSS haslayout
    js与flash结合使用
    sgen.exe" exited with code 1.解决方法
    selenium
    selenium支付高版本的FireFox
  • 原文地址:https://www.cnblogs.com/hetaojs/p/5760435.html
Copyright © 2011-2022 走看看