Come si seleziona una casella di spunta senza attivare un evento di modifica?

Question

devo semplice casella di controllo:

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

r.setValue(true); 

Come controlla la tua casella senza controllo FireEvent (voglio FireEvent controllare solo dal clic del mouse)? (setValue non funziona).

Answer 1

È necessario sospendere gli eventi prima di impostare il valore e riprendere gli eventi dopo questo. Ad esempio:

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

Perché non è sufficiente impostare r.checked = true, non funziona?

Answer 3

Perché non hai appena impostato r.checked = true, non funziona?

L'impostazione degli attributi selezionati influisce solo sul controllo di non rendering per assegnare il valore di controllo iniziale. Dopo il rendering non puoi usarlo per cambiare valore.

Sospendere/Riprendere eventi è una buona pratica per modificare il valore di controllo senza inviare notifiche.

Inoltre è possibile mettere stato controllato immedially Dom elemento:

item.el.dom.checked = true;

Answer 4

stavo già provando la risposta accettata prima di googling, ma non ha funzionato in 4.1.3. Quanto segue ha fatto:

myCheckBox.setRawValue(true); 

Spero che questo aiuti futuri googler.

Answer 5

Calling suspendEvents(false) prima di impostare il valore e resumeEvents() poi è un approccio più generico di setRawValue perché se si sta utilizzando convertitori (diciamo, 1 è true e 0 è false) rimarranno a lavorare.