在 extjs 中显示图像而不是复选框的选中状态

【问题标题】：Show image instead of checked state of checkbox in extjs在 extjs 中显示图像而不是复选框的选中状态
【发布时间】：2013-02-15 07:20:59
【问题描述】：

当用户选中它时，如何显示图像（勾选的图像）而不是复选框的默认勾选？

我尝试使用checkedCls 配置，其中图像来自复选框的背面。

checkedCls: 'checkedBoxStyle'

 .checkedBoxStyle{
       background-image:url('http://www.chathamhouse.org/sites/default/files/public/images/buttons/tick-icon.png');
       background-repeat:no-repeat;
 }

jsfiddle 开始。

【问题讨论】：

标签： css extjs extjs4 extjs4.1

【解决方案1】：

好吧，图片只是改变了它的背景位置

.x-form-cb-checked {
     background-position: 0 -13px;
}

因为原始图像看起来像这样：

您应该在此处更改整个图像。

我建议更改基类并强制覆盖

像这样：

.newBase input{
    background-image:url('../resources/images/checkBox_Tick_Mark.png') !Important;
}

在配置中

...
baseCls: 'newBase',
...

查看您的JSFiddle（图片路径不正确，但应该会告诉您诀窍）

【讨论】：

如何更改整个图像？请告诉我。
@Mr_Green 总是很高兴 ;)