3 <title>dojo.NodeList.instantiate() tests</title>
5 <style type="text/css">
6 @import "../../dojo/resources/dojo.css";
7 @import "css/dijitTests.css";
8 #container { height:200px; }
11 <script type="text/javascript" src="../../dojo/dojo.js"
12 djConfig="parseOnLoad: true, isDebug: true"></script>
13 <script type="text/javascript" src="_testCommon.js"></script>
15 <script type="text/javascript">
16 dojo.require("dijit._Widget");
17 dojo.require("dojo.parser");
18 dojo.require("dijit.form.Button");
19 dojo.require("dijit.layout.TabContainer");
20 dojo.require("dijit.layout.ContentPane");
21 dojo.require("dijit.layout.LinkPane");
23 // declare a simple widget to use as a base test:
24 dojo.declare("test._Widget",dijit._Widget,{
26 postCreate:function(){
27 this.inherited(arguments);
28 this.connect(this.domNode,"onclick","workit");
29 dojo.style(this.domNode,{
33 this.domNode.innerHTML += this.message +" ("+this.id +")";
34 console.log('created',this.id);
37 dojo.place(this.domNode,this.domNode.parentNode,"end");
41 var init = function(){
42 dojo.byId("status").innerHTML = "after.";
45 dojo.query("#testList li").instantiate(test._Widget,{}).connect("onclick",console.log);
47 // make a tab container from some div, and all it's children div's
48 dojo.query("#container")
51 // create contentpanes from the children and style them
52 .instantiate(dijit.layout.ContentPane,{})
53 .forEach(function(wn,idx){
54 dojo.mixin(dijit.byNode(wn),{ title:"tab" + (idx + 1) })
58 .instantiate(dijit.layout.TabContainer,{})
60 // should we add auto-startup calling?
61 dijit.byId("container").startup();
62 //dijit.byId("container").layout();
64 // another test widget example
65 dojo.query("#altList li").instantiate(test._Widget,{ message:"woot" });
67 // bunches of buttons, use you imagination on how to relate them to something
68 dojo.query("#buttonTest").forEach(function(n){
69 dojo.query("button",n).instantiate(dijit.form.Button,{
71 console.log('clicked:',this.domNode);
77 //dojo.addOnLoad(function(){
78 // setTimeout(init,25);
84 <h1>dojo.NodeList.instantiate() tests: <span id="status">before</span></h1>
86 <h2>Some simple widgets:</h2>
88 <li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li>
91 <li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li>
94 <h2>A TabContainer:</h2>
101 <h2>Some Buttons</h2>
102 <div id="buttonTest">
103 <button>button 1</button>
104 <button>button 2</button>
105 <button>button 3</button>
106 <button>button 4</button>
107 <button>button 5</button>