aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/bench/create_widgets.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/bench/create_widgets.html')
-rw-r--r--includes/js/dijit/bench/create_widgets.html73
1 files changed, 73 insertions, 0 deletions
diff --git a/includes/js/dijit/bench/create_widgets.html b/includes/js/dijit/bench/create_widgets.html
new file mode 100644
index 0000000..9a6f78a
--- /dev/null
+++ b/includes/js/dijit/bench/create_widgets.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+ <title>PROGRAMMATIC - Dojo Widget Creation Test</title>
+ <script type="text/javascript" src="../../dojo/dojo.js"></script>
+ <script type="text/javascript" src="../dijit.js"></script>
+ <script type="text/javascript">
+ var queryCount = location.search.match(/count=(\d*)/);
+ var count = (queryCount ? parseInt(queryCount[1]) : 100);
+ var queryClass = location.search.match(/class=([a-zA-z.]*)/);
+ var className = (queryClass ? queryClass[1] : "form.Button");
+
+ dojo.require("dijit." + className);
+ dojo.require("dojo.parser");
+ logMessage = window.alert;
+ </script>
+ <style type="text/css">
+ @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>
+ <script language='javascript'>
+ document.write("<h2>Currently Creating "+count+" "+className+" instances</h2>");
+ </script>
+ Pass <code>?count=<i><b>100</b></i></code> in the query string to change the number of widgets.<br>
+ Pass <code>?class=<i><b>form.Button</b></i></code> in the query string to change the widget class.
+ <h3 id="results"></h3>
+
+ <div id="buttonContainer" class='box'></div>
+ <br>
+ <script type="text/javascript">
+ // See if we can make a widget in script and attach it to the DOM ourselves.
+ var constructor = dojo.getObject("dijit."+className);
+ function makeEm(){
+ var container = dojo.byId("buttonContainer");
+ var t0 = new Date().getTime();
+ for (var i = 1; i <= count; i++) {
+ var it =
+ new constructor(
+ {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 + " "+className+" instances programmatically.";
+ }
+ dojo.addOnLoad(makeEm);
+ </script>
+ </body>
+</html>