| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <title>PROGRAMMATIC - Dojo Widget Creation Test</title> |
|---|
| 6 | <script type="text/javascript" src="../../dojo/dojo.js"></script> |
|---|
| 7 | <script type="text/javascript"> |
|---|
| 8 | var queryCount = location.search.match(/count=(\d*)/); |
|---|
| 9 | var count = (queryCount ? parseInt(queryCount[1]) : 100); |
|---|
| 10 | var queryClass = location.search.match(/class=([a-zA-z.]*)/); |
|---|
| 11 | var className = (queryClass ? queryClass[1] : "form.Button"); |
|---|
| 12 | |
|---|
| 13 | dojo.require("dijit." + className); |
|---|
| 14 | dojo.require("dojo.parser"); |
|---|
| 15 | logMessage = window.alert; |
|---|
| 16 | |
|---|
| 17 | var constructor = dojo.getObject("dijit."+className); |
|---|
| 18 | function makeEm(){ |
|---|
| 19 | var container = dojo.byId("buttonContainer"); |
|---|
| 20 | var t0 = new Date().getTime(); |
|---|
| 21 | for(var i = 1; i <= count; i++){ |
|---|
| 22 | var it = |
|---|
| 23 | new constructor( |
|---|
| 24 | {label:"Button "+i, onclick:'logMessage("clicked simple")'} |
|---|
| 25 | ); |
|---|
| 26 | container.appendChild(it.domNode); |
|---|
| 27 | it.domNode.style.display = ''; |
|---|
| 28 | } |
|---|
| 29 | var t1 = new Date().getTime(); |
|---|
| 30 | dojo.byId("results").innerHTML = "It took " + (t1 - t0) + " msec to create " + count + " "+className+" instances programmatically."; |
|---|
| 31 | } |
|---|
| 32 | dojo.ready(makeEm); |
|---|
| 33 | </script> |
|---|
| 34 | |
|---|
| 35 | <style type="text/css"> |
|---|
| 36 | @import "../themes/tundra/tundra.css"; |
|---|
| 37 | |
|---|
| 38 | #buttonContainer { |
|---|
| 39 | border: 1px solid black; |
|---|
| 40 | width: 100%; |
|---|
| 41 | } |
|---|
| 42 | |
|---|
| 43 | #results { |
|---|
| 44 | color: darkred; |
|---|
| 45 | } |
|---|
| 46 | </style> |
|---|
| 47 | </head> |
|---|
| 48 | <body class=tundra> |
|---|
| 49 | <script language='javascript'> |
|---|
| 50 | document.write("<h2>Currently Creating "+count+" "+className+" instances</h2>"); |
|---|
| 51 | </script> |
|---|
| 52 | Pass <code>?count=<i><b>100</b></i></code> in the query string to change the number of widgets.<br> |
|---|
| 53 | Pass <code>?class=<i><b>form.Button</b></i></code> in the query string to change the widget class. |
|---|
| 54 | <h3 id="results"></h3> |
|---|
| 55 | |
|---|
| 56 | <div id="buttonContainer" class='box'></div> |
|---|
| 57 | <br> |
|---|
| 58 | </body> |
|---|
| 59 | </html> |
|---|
