Javascript 复选框只读配置不阻止在ExtJS 3.4中选中/取消选中

我有这个项目：

{
    xtype:'checkbox',
    fieldLabel:'Adjudicado',
    name:'visoradjudicado',
    id:'visoradjudicado',
    readOnly:true
}

但是当我点击这个复选框时，框中的标记会出现并消失。我希望它能像在文本字段上设置只读一样工作，在文本字段上设置此配置时，您不能在其上单击或写入。

---

有什么方法可以做到这一点吗？

您可以使用disabled属性来阻止用户与复选框交互

{
    xtype         : 'checkbox',
    fieldLabel    : 'Adjudicado',
    name          : 'visoradjudicado',
    id            : 'visoradjudicado',
    disabled      : true,
    disabledClass : '' // overwrites the default css class'x-item-disabled'
}

针对此问题，框架版本3出现了一个bug，请参见以下链接：

有关HTML问题的解释可在此处找到：

---

但我不想设置为禁用，因为它看起来是灰色的。我希望它看起来正常，但当你点击它时，什么都不会发生，比如textfield。禁用选项为true时的外观：我希望它的外观：添加确认以覆盖CSS类

disabledClass:“”

我已更新答案以包含此配置我已尝试您的解决方案，但没有更改，它看起来已禁用