WidgetsInTemplateMixin
<div> <div data-dojo-attach-point="normalNode">normal node</div> <button data-dojo-attach-point="buttonWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit/form/Button">button #1</button> <div data-dojo-attach-point="checkboxWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit/form/CheckBox"></div> checkbox #1 <div data-dojo-attach-point="progressBarWidget" data-dojo-attach-event="onChange:onClick" data-dojo-type="dijit/ProgressBar" data-dojo-props='value: 20, maximum: 200, style: "width:400px;"'></div> </div>
<div> <div data-dojo-attach-point="checkboxWidget" data-dojo-type="dijit/form/CheckBox"></div> checkbox #3 <div data-dojo-attach-point="containerNode"></div> </div>
hello world
this is my
first button
another button
and some more
a nested button
another nested button
yet another button
yet yet another button
<div> <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="style: {height: '5em', width: '100em'}" data-dojo-attach-point="tabCont"> <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title: 'Tab 1'" data-dojo-attach-point="tab1"> pane 1 </div> <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title: 'Tab 2'" data-dojo-attach-point="tab2"> pane 2 </div> </div> </div>
<div> <div data-dojo-type="TestLayoutWidget" data-dojo-attach-point="layout"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="layChild1"></div> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="layChild2"></div> </div> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="container"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="contained1"></div> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="contained2"></div> </div> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="stub1"></div> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="nonContainer"> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="nonContained1"></div> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="nonContained2"></div> </div> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="threeLevel"> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="secondLevel"> <div data-dojo-type="TestStubWidget" data-dojo-attach-point="bottomLevel"></div> </div> </div> <div data-dojo-type="TestNonCtnrWidget" data-dojo-attach-point="anotherThree"> <div data-dojo-type="TestCtnrWidget" data-dojo-attach-point="anotherSecond"> <div data-dojo-type="TestCtndWidget" data-dojo-attach-point="anotherBottom"></div> </div> </div> </div>