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

Question

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

我认为checkcolumn不允许旁边的文本。 /{ 的xtype： 'checkcolumn'， 头： '室内'， dataIndex： '室内'， 宽度：90， stopSelection：假 }，/

有一种方法如何做这个 ？

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

这有很大帮助我。

但我主要关心的是，我想创建一个可以在“chkLabel”中指定的值的数据存储区。