diff options
Diffstat (limited to 'includes/js/dijit/bench/test_Button-programmatic.html')
-rw-r--r-- | includes/js/dijit/bench/test_Button-programmatic.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/includes/js/dijit/bench/test_Button-programmatic.html b/includes/js/dijit/bench/test_Button-programmatic.html new file mode 100644 index 0000000..a9d0cd1 --- /dev/null +++ b/includes/js/dijit/bench/test_Button-programmatic.html @@ -0,0 +1,75 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>PROGRAMMATIC - Dojo Button 100 Test</title> + <script type="text/javascript" src="../../dojo/dojo.js" XdjConfig='isDebug: true, debugAtAllCosts: true'></script> + <script type="text/javascript"> + dojo.require("dijit.form.Button"); + dojo.require("dojo.parser"); + logMessage = window.alert; + </script> + +<style> + + @import "../themes/tundra/tundra.css"; + + /* group multiple buttons in a row */ + .box { + display: block; + text-align: center; + } + .box .dojoButton { + width:80px; + margin-right: 10px; + } + .dojoButtonContents { + font-size: 1.6em; + } + + #buttonContainer { + border:1px solid black; + width:100%; + } + + #results { + color:darkred; + } + +</style> + </head> +<body class=tundra> +<h2>Creating dojot.form.buttons programmatically</h2> +<h3 id="results"></h3> + +<div id="buttonContainer" class='box'></div> + +<br> +Pass "?count=<i><b>n</b></i>" in the query string to change the number of buttons. + +<script type="text/javascript"> +// See if we can make a widget in script and attach it to the DOM ourselves. + +function makeEm() { + var queryCount = location.search.match(/count=(\d*)/); + var count = (queryCount ? parseInt(queryCount[1]) : 100); + var container = dojo.byId("buttonContainer"); + var t0 = new Date().getTime(); + for (var i = 1; i <= count; i++) { + var it = + new dijit.form.Button( + {label:"Button "+i, onclick:'logMessage("clicked simple")'} + ); + container.appendChild(it.domNode); + it.domNode.style.display = ''; + } + var t1 = new Date().getTime(); + dojo.byId("results").innerHTML = "It took " + (t1 - t0) + " msec to create " + count + " Buttons programmatically."; +} +dojo.addOnLoad(makeEm); + + +</script> + +</body> +</html> |