test.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>jQuery TreeGrid Unit tests</title>
  6. <link rel="stylesheet" href="tests/qunit-1.12.0.css">
  7. <link rel="stylesheet" href="css/jquery.treegrid.css">
  8. </head>
  9. <body>
  10. <div id="qunit"></div>
  11. <div id="qunit-fixture"></div>
  12. <table>
  13. <tr>
  14. <td>
  15. <table id='tree-1' border="1" cellpadding="0" cellspacing="0">
  16. <tr id="tree-head-1">
  17. <th>1</th><th>2</th>
  18. </tr>
  19. <tr class="treegrid-1" id="node-1">
  20. <td>1</td><td>Simple text of ...</td>
  21. </tr>
  22. <tr class="treegrid-2 treegrid-parent-1" id="node-1-1">
  23. <td>1.1</td><td>Simple text of ...</td>
  24. </tr>
  25. <tr class='treegrid-3 treegrid-parent-2' id="node-1-1-1">
  26. <td>1.1.1</td><td>Simple text of ...</td>
  27. </tr>
  28. <tr class='treegrid-9 treegrid-parent-2' id="node-1-1-2">
  29. <td>1.1.2</td><td>Simple text of ...</td>
  30. </tr>
  31. <tr class='treegrid-10 treegrid-parent-9' id="node-1-1-2-1">
  32. <td>1.1.2.1</td><td>Simple text of ...</td>
  33. </tr>
  34. <tr class='treegrid-4 treegrid-parent-1' id="node-1-2">
  35. <td>1.2</td><td>Simple text of ...</td>
  36. </tr>
  37. <tr class='treegrid-5 treegrid-parent-1' id="node-1-3">
  38. <td>1.3</td><td>Simple text of ...</td>
  39. </tr>
  40. <tr class='treegrid-6 treegrid-parent-5' id="node-1-3-1">
  41. <td>1.3.1</td><td>Simple text of ...</td>
  42. </tr>
  43. <tr class='treegrid-7 treegrid-parent-1' id="node-1-4">
  44. <td>1.4</td><td>Simple text of ...</td>
  45. </tr>
  46. <tr class='treegrid-8 treegrid-parent-7' id="node-1-4-1">
  47. <td>1.4.1</td><td>Simple text of ...</td>
  48. </tr>
  49. <tr class='treegrid-12 treegrid-parent-1' id="node-1-5">
  50. <td>1.5</td><td>Simple text of ...</td>
  51. </tr>
  52. <tr class="treegrid-11" id="node-2">
  53. <td>2</td><td>Simple text of ...</td>
  54. </tr>
  55. <tr id="tree-summary-1">
  56. <td>Total</td><td>343</td>
  57. </tr>
  58. </table>
  59. </td>
  60. </tr>
  61. </table>
  62. <hr>
  63. <table id='tree-2' border="1" cellpadding="0" cellspacing="0">
  64. <tr>
  65. <th>1</th><th>2</th>
  66. </tr>
  67. <tr class="treegrid-1" id="tnode-1">
  68. <td>1</td><td>Simple text of ...</td>
  69. </tr>
  70. <tr class="treegrid-2 treegrid-parent-1" id="tnode-1-1">
  71. <td>1.1</td><td>Simple text of ...</td>
  72. </tr>
  73. <tr class='treegrid-3 treegrid-parent-2' id="tnode-1-1-1">
  74. <td>1.1.1</td><td>Simple text of ...</td>
  75. </tr>
  76. <tr class='treegrid-9 treegrid-parent-2' id="tnode-1-1-2">
  77. <td>1.1.2</td><td>Simple text of ...</td>
  78. </tr>
  79. <tr class='treegrid-10 treegrid-parent-9' id="tnode-1-1-2-1">
  80. <td>1.1.2.1</td><td>Simple text of ...</td>
  81. </tr>
  82. <tr class='treegrid-4 treegrid-parent-1' id="tnode-1-2">
  83. <td>1.2</td><td>Simple text of ...</td>
  84. </tr>
  85. <tr class='treegrid-5 treegrid-parent-1' id="tnode-1-3">
  86. <td>1.3</td><td>Simple text of ...</td>
  87. </tr>
  88. <tr class='treegrid-6 treegrid-parent-5' id="tnode-1-3-1">
  89. <td>1.3.1</td><td>Simple text of ...</td>
  90. </tr>
  91. <tr class='treegrid-7 treegrid-parent-1' id="tnode-1-4">
  92. <td>1.4</td><td>Simple text of ...</td>
  93. </tr>
  94. <tr class='treegrid-8 treegrid-parent-7' id="tnode-1-4-1">
  95. <td>1.4.1</td><td>Simple text of ...</td>
  96. </tr>
  97. <tr class="treegrid-11" id="tnode-2">
  98. <td>2</td><td>Simple text of ...</td>
  99. </tr>
  100. </table>
  101. <hr>
  102. <table id='tree-3' border="1" cellpadding="0" cellspacing="0">
  103. <tr>
  104. <th>1</th><th>2</th>
  105. </tr>
  106. <tr class="treegrid-alfa1" id="anode-1">
  107. <td>1</td><td>Simple text of ...</td>
  108. </tr>
  109. <tr class="treegrid-alfa2 treegrid-parent-alfa1" id="anode-1-1">
  110. <td>1.1</td><td>Simple text of ...</td>
  111. </tr>
  112. <tr class='treegrid-alfa3 treegrid-parent-alfa2' id="anode-1-1-1">
  113. <td>1.1.1</td><td>Simple text of ...</td>
  114. </tr>
  115. <tr class='treegrid-alfa9 treegrid-parent-alfa2' id="anode-1-1-2">
  116. <td>1.1.2</td><td>Simple text of ...</td>
  117. </tr>
  118. <tr class='treegrid-alfa10 treegrid-parent-alfa9' id="anode-1-1-2-1">
  119. <td>1.1.2.1</td><td>Simple text of ...</td>
  120. </tr>
  121. <tr class='treegrid-alfa4 treegrid-parent-alfa1' id="anode-1-2">
  122. <td>1.2</td><td>Simple text of ...</td>
  123. </tr>
  124. <tr class='treegrid-alfa5 treegrid-parent-alfa1' id="anode-1-3">
  125. <td>1.3</td><td>Simple text of ...</td>
  126. </tr>
  127. <tr class='treegrid-alfa6 treegrid-parent-alfa5' id="anode-1-3-1">
  128. <td>1.3.1</td><td>Simple text of ...</td>
  129. </tr>
  130. <tr class='treegrid-alfa7 treegrid-parent-alfa1' id="anode-1-4">
  131. <td>1.4</td><td>Simple text of ...</td>
  132. </tr>
  133. <tr class='treegrid-alfa8 treegrid-parent-alfa7' id="anode-1-4-1">
  134. <td>1.4.1</td><td>Simple text of ...</td>
  135. </tr>
  136. <tr class="treegrid-alfa11" id="anode-2">
  137. <td>2</td><td>Simple text of ...</td>
  138. </tr>
  139. </table>
  140. <hr>
  141. Event tests
  142. <table id='tree-4' border="1" cellpadding="0" cellspacing="0">
  143. <tr>
  144. <th>1</th><th>2</th>
  145. </tr>
  146. <tr class="treegrid-alfa1" id="anode-1">
  147. <td>1</td><td>Simple text of ...</td>
  148. </tr>
  149. <tr class="treegrid-alfa2 treegrid-parent-alfa1" id="anode-1-1">
  150. <td>1.1</td><td>Simple text of ...</td>
  151. </tr>
  152. <tr class='treegrid-alfa3 treegrid-parent-alfa2' id="anode-1-1-1">
  153. <td>1.1.1</td><td>Simple text of ...</td>
  154. </tr>
  155. <tr class='treegrid-alfa9 treegrid-parent-alfa2' id="anode-1-1-2">
  156. <td>1.1.2</td><td>Simple text of ...</td>
  157. </tr>
  158. <tr class='treegrid-alfa10 treegrid-parent-alfa9' id="anode-1-1-2-1">
  159. <td>1.1.2.1</td><td>Simple text of ...</td>
  160. </tr>
  161. <tr class='treegrid-alfa4 treegrid-parent-alfa1' id="anode-1-2">
  162. <td>1.2</td><td>Simple text of ...</td>
  163. </tr>
  164. <tr class='treegrid-alfa5 treegrid-parent-alfa1' id="anode-1-3">
  165. <td>1.3</td><td>Simple text of ...</td>
  166. </tr>
  167. <tr class='treegrid-alfa6 treegrid-parent-alfa5' id="anode-1-3-1">
  168. <td>1.3.1</td><td>Simple text of ...</td>
  169. </tr>
  170. <tr class='treegrid-alfa7 treegrid-parent-alfa1' id="anode-1-4">
  171. <td>1.4</td><td>Simple text of ...</td>
  172. </tr>
  173. <tr class='treegrid-alfa8 treegrid-parent-alfa7' id="anode-1-4-1">
  174. <td>1.4.1</td><td>Simple text of ...</td>
  175. </tr>
  176. <tr class="treegrid-alfa11" id="anode-2">
  177. <td>2</td><td>Simple text of ...</td>
  178. </tr>
  179. </table>
  180. <hr>
  181. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  182. <script src="js/jquery.treegrid.min.js"></script>
  183. <script src="js/jquery.cookie.js"></script>
  184. <script>
  185. var globalCounter = 0;
  186. var saveStateName = 'state-save-4';
  187. $("#tree-1").treegrid({initialState: 'collapsed'});
  188. $("#tree-2").treegrid({treeColumn: 1, initialState: 'expanded', 'saveState': true, 'saveStateName': saveStateName});
  189. $("#tree-3").treegrid({initialState: 'collapsed'});
  190. $("#tree-4").treegrid({onChange: function() {
  191. globalCounter++;
  192. }, onCollapse: function() {
  193. globalCounter++;
  194. }, onExpand: function() {
  195. globalCounter++;
  196. }});
  197. </script>
  198. <script src="tests/qunit-1.12.0.js"></script>
  199. <script src="tests/tests.js"></script>
  200. </body>
  201. </html>