Extjs grid中的选择框默认为对号,由于功能要求为禁用显示,所以要改为叉号。
原来的显示为如下图:
修改后:
方法:
修改checkcolumn的renderer
renderer:function(value ,metaData ,record ){
var cssPrefix = Ext.baseCSSPrefix,
cls = [cssPrefix + 'grid-checkcolumn'];
if (this.disabled) {
meta.tdCls += ' ' + this.disabledCls;
}
if (value) {
cls=['checkbox_error'];
}
return '<img class="' + cls.join(' ') + '" src="' + Ext.BLANK_IMAGE_URL + '"/>';
}
checkbox_error为自定义classs
.checkbox_error{
background-image: url(../images/checkbox_error.png);
width:15px;
height:15px;
}
checkbox_error.png--->