You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

162 lines
7.2 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Region List</title>
  5. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  6. <script src="/Scripts/lib/Util.min.js"></script>
  7. <script src="/Scripts/constants.js"></script>
  8. <script src="//js.live.net/v5.0/wl.js"></script>
  9. <script src="/Scripts/Test_Calendar.js"></script>
  10. <link href="/Scripts/3rd/jqtree/jqtree.css" rel="stylesheet" />
  11. <script src="/Scripts/3rd/jqtree/tree.jquery.js"></script>
  12. </head>
  13. <body>
  14. <div style="margin-left:30px;">
  15. <input type="button" value="获取选中值" onclick="BringBack()" hidden />
  16. <ul class="ul_tree" id="ulTree">
  17. </ul>
  18. </div>
  19. </body>
  20. </html>
  21. <script>
  22. //var JqTreeObj = null;
  23. //$(function () {
  24. // //树形数据
  25. // //var data = [
  26. // // {
  27. // // id: '11',
  28. // // name: "一级标题-1",
  29. // // pId: 0
  30. // // },
  31. // // {
  32. // // id: 2,
  33. // // name: "二级标题-1-1",
  34. // // pId: '11'
  35. // // },
  36. // // {
  37. // // id: 3,
  38. // // name: "二级标题-1-2",
  39. // // pId: '11'
  40. // // },
  41. // // {
  42. // // id: 4,
  43. // // name: "二级标题-1-3",
  44. // // pId: '11'
  45. // // },
  46. // // {
  47. // // id: 5,
  48. // // name: "一级标题-2",
  49. // // pId: 0
  50. // // },
  51. // // {
  52. // // id: 6,
  53. // // name: "二级标题-2-1",
  54. // // pId: 5
  55. // // },
  56. // // {
  57. // // id: 7,
  58. // // name: "二级标题-2-2",
  59. // // pId: 5
  60. // // },
  61. // // {
  62. // // id: 8,
  63. // // name: "二级标题-2-3",
  64. // // pId: 5
  65. // // },
  66. // // {
  67. // // id: 9,
  68. // // name: "三级标题-1-1-1",
  69. // // pId: 2
  70. // // },
  71. // // {
  72. // // id: 10,
  73. // // name: "三级标题-1-1-2",
  74. // // pId: 2
  75. // // }
  76. // //];
  77. // ////构建树
  78. // //JqTreeObj = $("#ulTree").JqTreeInit(data,
  79. // // {
  80. // // pIdName: "pId", //此处指定父级id的属性名称
  81. // // single: false, //此处指定是否单选 false-多选
  82. // // expandLevel: -1 //此处指定展开级别 0-全部展开,1隱藏第三層,-1全部隱藏,只保留第一層
  83. // // //其他参数 根据实际情况指定
  84. // // },
  85. // // function (JqTreeObj) {
  86. // // //回调函数 此处添加特殊的逻辑 JqTreeObj为树对象
  87. // // });
  88. // //var data = [{ id: 'A2f1b0097-0c20-4de8-a4b7-263988c92685', parent: '0', text: '非洲', name: '非洲' }
  89. // // ,
  90. // //{ id: 'A56e698af-07bb-40cd-a030-ed9036751e35', parent: '0', text: '歐洲', name: '歐洲' }
  91. // // ,
  92. // //{ id: 'Aa3755308-b7fe-4dde-9cbd-1060f91b4c18', parent: '0', text: '南美洲', name: '南美洲' }
  93. // // ,
  94. // //{ id: 'Abd8ab9fc-78df-490b-b342-75467b365312', parent: '0', text: '亞洲', name: '亞洲' }
  95. // // ,
  96. // //{ id: 'Ac96ecb25-cc41-4310-85e7-fa8805a27df1', parent: '0', text: '北美洲', name: '北美洲' }
  97. // // ,
  98. // //{ id: 'Aed589af9-6393-4bad-9638-2154a6a6ce02', parent: '0', text: '大洋洲', name: '大洋洲' }
  99. // // ,
  100. // //{ id: 'BCCE46570-7413-4982-8F20-B48A4894DF6A', parent: 'A2f1b0097-0c20-4de8-a4b7-263988c92685', text: '张丽娜', name: '张丽娜' }
  101. // // ,
  102. // //{ id: 'Bf236053d-cac2-469b-838f-1e39e406aa91', parent: 'A2f1b0097-0c20-4de8-a4b7-263988c92685', text: '剛果民主共和國', name: '剛果民主共和國' }
  103. // // ,
  104. // //{ id: 'B676919ae-b645-45fa-aafc-15d8dbcdd8f0', parent: 'A56e698af-07bb-40cd-a030-ed9036751e35', text: '英國', name: '英國' }
  105. // // ,
  106. // //{ id: 'B8c0bb492-55b6-4637-bb1f-eb9611aa9dc0', parent: 'Aa3755308-b7fe-4dde-9cbd-1060f91b4c18', text: '古巴共和國', name: '古巴共和國' }
  107. // // ,
  108. // //{ id: 'B41d93610-b3c5-4e64-a6c3-f7a7d8bee939', parent: 'Aa3755308-b7fe-4dde-9cbd-1060f91b4c18', text: '巴西聯邦共和國', name: '巴西聯邦共和國' }
  109. // // ,
  110. // //{ id: 'B452c1aff-6a85-4d62-97e8-211d4ff1777f', parent: 'Abd8ab9fc-78df-490b-b342-75467b365312', text: '台灣', name: '台灣' }
  111. // // ,
  112. // //{ id: 'Bdf81565c-68f0-40dd-a2e3-b3c492992f35', parent: 'Abd8ab9fc-78df-490b-b342-75467b365312', text: '日本', name: '日本' }
  113. // // ,
  114. // //{ id: 'B1e7a6bd5-d114-43aa-91b1-35fbc542d6ca', parent: 'Ac96ecb25-cc41-4310-85e7-fa8805a27df1', text: '加拿大', name: '加拿大' }
  115. // // ,
  116. // //{ id: 'C16252fb9-9792-44bf-8714-7db003e356e0', parent: 'B676919ae-b645-45fa-aafc-15d8dbcdd8f0', text: '倫敦', name: '倫敦' }
  117. // // ,
  118. // //{ id: 'C2d0b2e8c-0cdd-4563-915e-b12ec3170a0e', parent: 'B1e7a6bd5-d114-43aa-91b1-35fbc542d6ca', text: '蒙特婁', name: '蒙特婁' }
  119. // // ,
  120. // //{ id: 'C437cb97e-d8b8-4ded-85f2-77426f6cd408', parent: 'B452c1aff-6a85-4d62-97e8-211d4ff1777f', text: '臺中', name: '臺中' }
  121. // // ,
  122. // //{ id: 'C5c48c3a8-6a38-4a39-8b5d-25fe5f2674a4', parent: 'B41d93610-b3c5-4e64-a6c3-f7a7d8bee939', text: '巴西利亞', name: '巴西利亞' }
  123. // // ,
  124. // //{ id: 'C77123eb2-7430-4ad7-9e0a-72f9aa55847b', parent: 'B8c0bb492-55b6-4637-bb1f-eb9611aa9dc0', text: '哈瓦那', name: '哈瓦那' }
  125. // // ,
  126. // //{ id: 'C8d8b2669-545d-452f-b1ee-8fda1c7318f9', parent: 'B452c1aff-6a85-4d62-97e8-211d4ff1777f', text: '臺北', name: '臺北' }
  127. // // ,
  128. // //{ id: 'C90a96714-4cdb-4f72-bee4-8e24d4a8e100', parent: 'Bf236053d-cac2-469b-838f-1e39e406aa91', text: '金夏沙', name: '金夏沙' }
  129. // // ,
  130. // //{ id: 'Ca9b52b31-e124-41f8-bfbd-0fc1cfef00cf', parent: 'Bdf81565c-68f0-40dd-a2e3-b3c492992f35', text: '京都', name: '京都' }
  131. // // ,
  132. // //{ id: 'Cb7fde8f8-46a3-43b8-8c70-22bdde4861db', parent: 'Bdf81565c-68f0-40dd-a2e3-b3c492992f35', text: '東京', name: '東京' }
  133. // // ,
  134. // //{ id: 'Cf97cbc67-532e-4724-909d-7ef81fd0d7f5', parent: 'B1e7a6bd5-d114-43aa-91b1-35fbc542d6ca', text: '渥太華', name: '渥太華' }];
  135. // //JqTreeObj = $("#ulTree").JqTreeInit(data,
  136. // // {
  137. // // idName: "id",//id对应的属性名称
  138. // // nameName: "name",//name对应的属性名称
  139. // // pIdName: "parent",//pId对应的属性名称
  140. // // single: true, //此处指定是否单选 false-多选
  141. // // expandLevel: -1 //此处指定展开级别 0-全部展开,1隱藏第三層,-1全部隱藏,只保留第一層
  142. // // //其他参数 根据实际情况指定
  143. // // },
  144. // // function (JqTreeObj) {
  145. // // //回调函数 此处添加特殊的逻辑 JqTreeObj为树对象
  146. // // });
  147. //});
  148. //function BringBack() {
  149. // //获取选中值
  150. // var data = JqTreeObj.getCheckedDatas();
  151. // alert(JSON.stringify(data))
  152. //}
  153. </script>