UNPKG

dijit

Version:

Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u

dojotoolkit.org

dojo/dijit

118 lines (107 loc) • 9.06 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Performance Test of NumberTextBox</title> <style type="text/css"> @import "../../themes/claro/document.css"; @import "../css/dijitTests.css"; </style> <!-- required: the default dijit theme: --> <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/> <!-- required: dojo.js --> <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script> <!-- only needed for alternate theme testing: --> <script type="text/javascript" src="../_testCommon.js"></script> <script type="text/javascript"> dojo.require("dijit.dijit"); // optimize: load dijit layer dojo.require("dijit.form.TextBox"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.NumberTextBox"); dojo.require("dijit.form.Form"); dojo.require("dojo.parser"); // scan page for widgets and instantiate them </script> </head> <body class="claro" role="main"> <script> function performancetest(){ console.log("Dojo version " + dojo.version); var startTime1 = (new Date()).getTime(); dijit.byId("form1").reset(); console.log("Time 1: Reset form with NumberTextBox-fields: " + ((new Date()).getTime() - startTime1) + " millis"); var startTime2 = (new Date()).getTime(); dijit.byId("form2").reset(); console.log("Time 2: Reset form with ValidationTextBox-fields: " + ((new Date()).getTime() - startTime2) + " millis"); var startTime3 = (new Date()).getTime(); var i, w; for(i = 1; i <= 20; i++){ w = dijit.byId("input1_" + i); if(dojo.version.major == 1 && dojo.version.minor == 2){ w.set("value", i); }else{ w.set("value", i); } } console.log("Time 3: Inserting value into NumberTextBox-fields: " + ((new Date()).getTime() - startTime3) + " millis"); var startTime4 = (new Date()).getTime(); for(i = 1; i <= 20; i++){ w = dijit.byId("input2_" + i); if(dojo.version.major == 1 && dojo.version.minor == 2){ w.set("value", i); }else{ w.set("value", i); } } console.log("Time 4: Inserting value into ValidationTextBox-fields: " + ((new Date()).getTime() - startTime4) + " millis"); } </script> <form id="form1" data-dojo-type="dijit/form/Form" data-dojo-props='action:"", method:""'> <input id="input1_1" aria-label="input1_1" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_2" aria-label="input1_2" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_3" aria-label="input1_3" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_4" aria-label="input1_4" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_5" aria-label="input1_5" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_6" aria-label="input1_6" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_7" aria-label="input1_7" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_8" aria-label="input1_8" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_9" aria-label="input1_9" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_10" aria-label="input1_10" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_11" aria-label="input1_11" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_12" aria-label="input1_12" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_13" aria-label="input1_13" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_14" aria-label="input1_14" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_15" aria-label="input1_15" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_16" aria-label="input1_16" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_17" aria-label="input1_17" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_18" aria-label="input1_18" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_19" aria-label="input1_19" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input1_20" aria-label="input1_20" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> </form> <br/> <form id="form2" data-dojo-type="dijit/form/Form" data-dojo-props='action:"", method:""'> <input id="input2_1" aria-label="input2_1" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_2" aria-label="input2_2" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_3" aria-label="input2_3" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_4" aria-label="input2_4" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_5" aria-label="input2_5" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_6" aria-label="input2_6" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_7" aria-label="input2_7" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_8" aria-label="input2_8" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_9" aria-label="input2_9" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_10" aria-label="input2_10" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_11" aria-label="input2_11" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_12" aria-label="input2_12" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_13" aria-label="input2_13" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_14" aria-label="input2_14" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_15" aria-label="input2_15" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_16" aria-label="input2_16" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_17" aria-label="input2_17" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_18" aria-label="input2_18" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_19" aria-label="input2_19" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> <input id="input2_20" aria-label="input2_20" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props='name:"input1", maxLength:"6", type:"text" '/> </form> <br/> <button name="button" onclick="performancetest()">Run tests</button> </body> </html>