/public/javascripts/dojo/release/dojo/dojox/grid/tests/test_grid_performance.html

http://enginey.googlecode.com/ · HTML · 121 lines · 119 code · 2 blank · 0 comment · 0 complexity · 4d77c9b898c20e8137a0e16b49d184af MD5 · raw file 

    

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 	<title>Test dojox.grid.DataGrid Basic</title>
    5. 

  5. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
    6. 

  6. 	<style type="text/css">
    7. 

  7. 		@import "../resources/Grid.css";
    8. 

  8. 		@import "../resources/tundraGrid.css";
    9. 

  9. 		@import "../../../dojo/resources/dojo.css";
    10. 

  10. 		@import "../../../dijit/themes/tundra/tundra.css";
    11. 

  11. 		body {
    12. 

  12. 			font-size: 0.9em;
    13. 

  13. 			font-family: Geneva, Arial, Helvetica, sans-serif;
    14. 

  14. 		}
    15. 

  15. 		.heading {
    16. 

  16. 			font-weight: bold;
    17. 

  17. 			padding-bottom: 0.25em;
    18. 

  18. 		}
    19. 

  19. 	</style>
    20. 

  20. 	<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:false"></script>
    21. 

  21. 	<script type="text/javascript">
    22. 

  22. 		dojo.require("dojox.grid.DataGrid");
    23. 

  23. 		dojo.require("dojo.data.ItemFileWriteStore");
    24. 

  24. 		dojo.require("dojo.parser");
    25. 

  25. 	</script>
    26. 

  26. 	<script type="text/javascript" src="support/test_data.js"></script>
    27. 

  27. 	<script type="text/javascript">
    28. 

  28. 		var layout = [[
    29. 

  29. 			{name: 'Column 1', field: 'col1'},
    30. 

  30. 			{name: 'Column 2', field: 'col2'},
    31. 

  31. 			{name: 'Column 3', field: 'col3'},
    32. 

  32. 			{name: 'Column 4', field: 'col4', width: "150px"},
    33. 

  33. 			{name: 'Column 5', field: 'col5'}
    34. 

  34. 		],[
    35. 

  35. 			{name: 'Column 6', field: 'col6'},
    36. 

  36. 			{name: 'Column 7', field: 'col7'},
    37. 

  37. 			{name: 'Column 8'},
    38. 

  38. 			{name: 'Column 9', field: 'col3', colSpan: 2}
    39. 

  39. 		]];
    40. 

  40. 	</script>
    41. 

  41. 	<script type="text/javascript">
    42. 

  42. 		var startCreationTests = function(){
    43. 

  43. 			setTimeout(function(){
    44. 

  44. 				var total_time = 0;
    45. 

  45. 				for(var i=0; i<30; i++){
    46. 

  46. 					//var mod = new dojox.grid._data.Table(null, data);
    47. 

  47. 

  48. 					var st_time = new Date().getTime();
    49. 

  49. 					var grid = new dojox.grid.DataGrid({
    50. 

  50. 						store: test_store,
    51. 

  51. 						structure: layout
    52. 

  52. 					});
    53. 

  53. 					dojo.body().appendChild(grid.domNode);
    54. 

  54. 					grid.startup();
    55. 

  55. 					total_time += (new Date().getTime() - st_time);
    56. 

  56. 					dojo.body().removeChild(grid.domNode);
    57. 

  57. 				}
    58. 

  58. 				console.log("Average time for programmatic creation with no source node: ", total_time / 30);
    59. 

  59. 				setTimeout(function(){
    60. 

  60. 					total_time = 0;
    61. 

  61. 					for(var i=0; i<30; i++){
    62. 

  62. 						//var mod = new dojox.grid._data.Table(null, data);
    63. 

  63. 						var node = dojo.doc.createElement("div");
    64. 

  64. 						dojo.body().appendChild(node);
    65. 

  65. 						var st_time = new Date().getTime();
    66. 

  66. 						var grid = new dojox.grid.DataGrid({
    67. 

  67. 							store: test_store,
    68. 

  68. 							structure: layout
    69. 

  69. 						}, node);
    70. 

  70. 						total_time += (new Date().getTime() - st_time);
    71. 

  71. 						dojo.body().removeChild(grid.domNode);
    72. 

  72. 					}
    73. 

  73. 					console.log("Average time for programmatic creation with source node: ", total_time / 30);
    74. 

  74. 				}, 1000);
    75. 

  75. 			}, 1000);
    76. 

  76. 		}
    77. 

  77. 		var startStoreReuseTests = function(){
    78. 

  78. 			setTimeout(function(){
    79. 

  79. 				var total_time = 0;
    80. 

  80. 				for(var i=0; i<30; i++){
    81. 

  81. 

  82. 					var st_time = new Date().getTime();
    83. 

  83. 					var mod = new dojo.data.ItemFileReadStore({data: data});
    84. 

  84. 					var grid = new dojox.grid.DataGrid({
    85. 

  85. 						store: mod,
    86. 

  86. 						structure: layout
    87. 

  87. 					});
    88. 

  88. 					dojo.body().appendChild(grid.domNode);
    89. 

  89. 					grid.startup();
    90. 

  90. 					total_time += (new Date().getTime() - st_time);
    91. 

  91. 					dojo.body().removeChild(grid.domNode);
    92. 

  92. 				}
    93. 

  93. 				console.log("Total time to create 30 grids with separate stores (including store creation time): ", total_time);
    94. 

  94. 				setTimeout(function(){
    95. 

  95. 					total_time = 0;
    96. 

  96. 					var mod = new dojo.data.ItemFileReadStore({data: data});
    97. 

  97. 					for(var i=0; i<30; i++){
    98. 

  98. 						var node = dojo.doc.createElement("div");
    99. 

  99. 						dojo.body().appendChild(node);
    100. 

  100. 						var st_time = new Date().getTime();
    101. 

  101. 						var grid = new dojox.grid.DataGrid({
    102. 

  102. 							store: mod,
    103. 

  103. 							structure: layout
    104. 

  104. 						});
    105. 

  105. 						dojo.body().appendChild(grid.domNode);
    106. 

  106. 						grid.startup();
    107. 

  107. 						total_time += (new Date().getTime() - st_time);
    108. 

  108. 						dojo.body().removeChild(grid.domNode);
    109. 

  109. 					}
    110. 

  110. 					console.log("Total time to create 30 grids with a shared store: ", total_time);
    111. 

  111. 				}, 1000);
    112. 

  112. 			}, 1000);
    113. 

  113. 		}
    114. 

  114. 	</script>
    115. 

  115. </head>
    116. 

  116. <body>
    117. 

  117. <div class="heading">dojox.grid.DataGrid Performance Test</div>
    118. 

  118. <button onclick="startCreationTests()">Start Creation Tests</button>
    119. 

  119. <button onclick="startStoreReuseTests()">Start Store Re-use Tests</button>
    120. 

  120. </body>
    121. 

  121. </html>
    122.