Dynamically render dojo checkbox

Question

Why does a checkbox created using the javascript and placed in DOM Tree using dojo.place() render as an input[type="text"] instead of an input[type="checkbox"] element?

generated HTML code :

<input id="baseCalcRoundCustomized" 
name="hierarchicalRounding.baseCalcRoundCustomized" 
value="0" dojoType="dijit.form.CheckBox" class="pcheckbox" 
onchange="checkValue(this.id)" unchecked />

Answer 1

When you dynamically add DOM nodes, they will not be converted into Dojo widgets (dijit). To become such a widget (dijit), the DOM node needs to be parsed. If you setup your web application to use parseOnLoad , it will parse the HTML page automatically when loading the webpage, that's why widgets added this way will work properly.

There are two options:

The first one is by parsing the newly added DOM nodes by yourself using the dojo/parser module. You can parse the page again using the parse() function, but you can also specify a DOM node which should be parsed. More information about this module can be found at the API docs or the reference guide .

Another way (and I recommend this one), is by programmatically adding the widget in stead of adding just a DOM node and parsing it. You can read more about this at the reference guide .