Question

我写了一个庞大的渲染器，感觉它可能更简单。我想要双向绑定到一个复选框（从商店）。下面是我所做的只是感觉不对的，但我找不到另一种方法去做。

columns: [
    { header: 'PresidentNumber', dataIndex: 'PresidentNumber', flex: 1 },
    { header: 'FirstName', dataIndex: 'FirstName', sortable: true, flex: 1 },
    { header: 'LastName', dataIndex: 'LastName', sortable: true, flex: 1 }, {
        header: 'TookOffice',
        dataIndex: 'TookOffice',
        renderer: Ext.util.Format.dateRenderer('m/d/Y')
    }, {
        header: 'LeftOffice',
        dataIndex: 'LeftOffice',
        renderer: Ext.util.Format.dateRenderer('m/d/Y'),
        flex: 1
    }, {
        header: 'Impeached',
        dataIndex: 'Impeached',
        flex: 1,
        renderer: function (value, cell) {
            if (value) {
                return '<input type="checkbox" name="mycheckbox" checked="checked" />';
            }
            else {
                return '<input type="checkbox" name="mycheckbox"  />';
            }
        }
    },
    { header: 'Income', dataIndex: 'Income', flex: 1, renderer: Ext.util.Format.usMoney }
]

Answer 1

有一个名为CheckColumn的用户扩展名（位于examples / ux / CheckColumn.js中），xtype为＆＃34; checkcolumn＆＃34;。

    {
       xtype: 'checkcolumn',
       header: 'Impeached',
       dataIndex: 'Impeached',
       flex: 1
    }

使用ExtJS4，处理网格面板中的复选框的任何简单方法？

1 个答案: