如何在不触发更改事件的情况下选中复选框？

Question

我有一个简单的复选框：

r = new Ext.form.Checkbox({
    listeners: {
        check: function(checkbox, checked) {
        }
    }
}

r.setValue(true);

如何在没有火情检查的情况下选中复选框(我只想通过鼠标点击来检查火情)？(setValue不工作)。

Answer 1

您应该在设置该值之前暂停事件，并在此之后恢复事件。例如：

myCheckBox.suspendEvents(false); // Stop all events. 
                                 //Be careful with it. Dont forget resume events!
myCheckBox.setValue(!myCheckBox.getValue()); // invert value
myCheckBox.resumeEvents(); // resume events

Answer 2

你为什么不直接设置

r.checked = true, 

这不管用吗？尽管它应该是有效的。

Answer 3

为什么不直接设置r.checked = true，这不起作用吗？

设置选中的属性仅影响未呈现的控件分配初始控件值。渲染后，您不能使用此选项来更改值。

挂起/恢复事件是在不发送通知的情况下更改控件值的良好做法。

你也可以将选中状态直接放到dom元素中：

item.el.dom.checked = true;