Dojo verwenden, um programmierte Kontrollkästchen zu aktivieren

Question

Die folgenden Codes geben Uncaught TypeError zurück: Eigenschaft 'checked' von null kann nicht gesetzt werden. Wie ist der richtige Weg zum Kontrollkästchen "Programmatic Set"?

 array.forEach(this._getAllCheckBoxIDs(), function(item){ 
      dom.byId(item).checked = true; 
     }, this); 

Answer 1

Nun, wenn Sie Sie die Sammlungen von Dojo Kontrollkästchen haben, dann würde ich vorschlagen, Sie registry.byId statt dojo.byId zu verwenden, da Sie Checkbox Dojo-Widget müssen zusammen mit seinem DOMNode sein Attribut zu aktualisieren.

Dojo Klassenname: -

dijit/registry 

Ex: -

// require registry class first 
array.forEach(this._getAllCheckBoxIDs(), function(item){ 
    registry.byId(item).set("checked", true); 
}, this); 

für mehr Details please click here...

der Hoffnung, das wird Ihnen helfen :)

Answer 2

T Das folgende Beispiel zeigt ein programmatisches Beispiel zum Festlegen der Eigenschaft checked für ein Widget checkbox.

Das Skript ruft die Referenzen Ihrer Kontrollkästchen unter Verwendung von dijit/registry entgegen, um das DOM abzufragen.

Statt eine Eigenschaft direkt für Ihr Widget wie dies der Einstellung:

dom.byId(item).checked = true; 

Ich würde vorschlagen, einen Setter wie mit:

widgetReference.set('checked', true); 

Dies wird das Widget Lebenszyklus ermöglichen ordnungsgemäß funktioniert.

Live-Beispiel hier:

https://jsfiddle.net/femtf4uh/

require(["dijit/form/CheckBox", "dijit/registry", "dijit/form/Button", "dojo/domReady!"], function(CheckBox, registry, Button) { 
    new CheckBox({ 
    id: "checkBox0", 
    name: "checkBox0", 
    value: "option0", 
    checked: false, 
    onChange: function(event) { 

    } 
    }, "checkBox0").startup(); 
    new CheckBox({ 
    id: "checkBox1", 
    name: "checkBox1", 
    value: "option1", 
    checked: false, 
    onChange: function(event) { 

    } 
    }, "checkBox1").startup(); 

    var markCheckAll = function() { 
    registry.toArray().forEach(function(widget) { 
     if (widget.type === 'checkbox'){ 
     widget.set('checked', true); 
     } 
    }); 
    }; 
    markCheckAll(); 

}); 

---

<input id="checkBox0" /> 
<label for="checkBox">Option 0</label> 
<br> 
<input id="checkBox1" /> 
<label for="checkBox">Option 1</label> 
<br>