Extjs grid中的选择框默认选择时为对号,改为叉号

来源:互联网 发布:淘宝开店需要押金吗? 编辑:程序博客网 时间:2024/06/08 02:09

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--->


阅读全文
0 0
原创粉丝点击