uas6.0/WebContent/app/view/core/form/CheckBoxGroup.js

/**
 * 多个checkbox
 */
Ext.define('erp.view.core.form.CheckBoxGroup', {
    extend: 'Ext.form.CheckboxGroup',
    alias: 'widget.erpcheckboxgroup',
    layout: 'column',
    baseCls: 'x-field',
    //fieldContainer默认为x-component x-container x-container-default
    initComponent: function() {
        this.callParent(arguments);
        var me = this;
        var logic = this.logic;
        //没办法做到忽略
        var arr = logic.split('#');
        if (arr.length > 1) {
            logic = arr[1];
            this.logic = 'ignore';
        } else logic = arr[0];
        me.insert(0, {
            xtype: 'hidden',
            name: this.name,
            id: this.name + "_checks",
            value: this.value
        });
        var arr = logic.split(";");
        var value = this.value;
        var checked = false;
        for (var i = 1; i < arr.length + 1; i++) {
            if (value && value.split(";")[i - 1] == 1) {
                checked = true;
            } else checked = false;
            me.insert(i, {
                xtype: 'checkbox',
                columnWidth: 1 / Math.min(arr.length, 6),
                boxLabel: arr[i - 1],
                style: {
                    marginLeft: '10px'
                },
                checked: checked,
                readOnly: me.readOnly,
                listeners: {
                    change: function(field, newValue, oldValue) {
                        if (newValue) {
                            me.setFiledValue();
                        } else {
                            me.setFiledValue();
                        }
                    }
                }

            });
        }
    },
    listeners: {
        afterrender: function() { //去掉fieldContainer默认的高度和滚动样式
            this.getEl().dom.childNodes[1].style.height = 22;
            this.getEl().dom.childNodes[1].style.overflow = 'hidden';
        }
    },
    isValid: function() {
        return this.items.items[0].isValid();
    },
    setValue: function(value) {
        this.value = value;
    },
    isDirty: function() {
        return true;
    },
    setFiledValue: function(field) {
        var value = "";
        var items = this.items.items;
        for (var i = 1; i < items.length; i++) {
            if (items[i].value) {
                value += "1;";
            } else {
                value += "-1;";
            }
        }
        value = value.substring(0, value.length - 1);
        this.items.items[0].setValue(value);
    },
    getValue: function() {
        return this.value;
    },
    setReadOnly: function(bool) {
        Ext.Array.each(this.items.items,
        function(item) {
            item.setReadOnly(bool);
        });
    },
    setFieldStyle: function(style) {
        this.items.items[0].setFieldStyle(style);
    }
});