Question

我正在使用ExtJs - 4.2。我希望在网格中有一个带有标签和复选框的列 - 任何想法如何操作？

我认为checkcolumn不允许旁边的文字。 / { xtype：'checkcolumn'，标题：'室内？'， dataIndex：'室内'，宽度：90， stopSelection：false }， /

有办法怎么做？

Answer 1

您可以扩展“Ext.grid.column.CheckColumn”类并覆盖渲染器功能。只是一个简单的例子：

Ext.define('CustomCheckbox', {
    extend: 'Ext.grid.column.CheckColumn',
    xtype: 'CustomCheckbox',

    config: {
        chkLabel: ''
    },

    renderer : function(value, meta) {
        var cssPrefix = Ext.baseCSSPrefix,
            cls = [cssPrefix + 'grid-checkcolumn'];

        if (this.disabled) {
            meta.tdCls += ' ' + this.disabledCls;
        }
        if (value) {
            cls.push(cssPrefix + 'grid-checkcolumn-checked');
        }
        return '<img class="' + cls.join(' ') + '" src="' + Ext.BLANK_IMAGE_URL + '"/>' + this.chkLabel;
    }
});

现在，您可以将其用作：

{
    xtype: 'CustomCheckbox',
    dataIndex: 'complete',
    itemId: 'chkComplete',
    chkLabel: 'SOme content'
}

Answer 2

这对我有很大的帮助。

但我主要担心的是，我想创建一个复选栏，我可以在其中分配＆＃34; chkLabel ＆＃34;我从数据存储中获得的值。

如何使用带有标签和复选框的列

2 个答案: