需要Ext.Grid.Panel中复选框列的ExtJS 4渲染器代码
我一直在琢磨如何使列显示为复选框(不可编辑) 有没有关于渲染器的建议代码?似乎应该有一个简单的配置选项,但我找不到需要Ext.Grid.Panel中复选框列的ExtJS 4渲染器代码,extjs,extjs4,Extjs,Extjs4,我一直在琢磨如何使列显示为复选框(不可编辑) 有没有关于渲染器的建议代码?似乎应该有一个简单的配置选项,但我找不到 Ext.define('AEDT.view.EmailListByAddressEntry', { extend: 'AEDT.view.ui.EmailListByAddressEntry', alias: 'widget.emaillistbyaddressentry', initComponent: function () {
Ext.define('AEDT.view.EmailListByAddressEntry', {
extend: 'AEDT.view.ui.EmailListByAddressEntry',
alias: 'widget.emaillistbyaddressentry',
initComponent: function () {
var me = this;
me.callParent(arguments);
},
onCheckBoxWhilteListOnlyChange: function (field, newValue, oldValue, options) {
//debugger
if (newValue) {
this.store.filter("WhiteList", true);
store.filter();
} else {
this.store.clearFilter();
}
},
onBooleancolumnRender: function (abstractcomponent, options) {
}
});
我注意到你在
Ext.grid.column.Boolean
页面上的评论。无论如何,renderer
config的描述说明返回值是“要呈现的HTML字符串”。因此,在我看来,以下内容应该是可行的(为简洁起见简化):
渲染器:函数(值){
var text='';
}
为什么不使用复选框插件
覆盖这是基于其他记录字段禁用特定复选框的最简单方法。谢谢
renderer: function(value) {
var text = '<input type="checkbox" disabled="disabled"';
if(value) {
text += ' checked="checked"';
}
return text + '/>';
}