treemanager.htm 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  6. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  7. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10. var manager = null;
  11. $(function ()
  12. {
  13. $("#tree1").ligerTree({ url: 'json.txt' });
  14. manager = $("#tree1").ligerGetTreeManager();
  15. });
  16. function collapseAll()
  17. {
  18. manager.collapseAll();
  19. }
  20. function expandAll()
  21. {
  22. manager.expandAll();
  23. }
  24. function getChecked()
  25. {
  26. var notes = manager.getChecked();
  27. var text = "";
  28. for (var i = 0; i < notes.length; i++)
  29. {
  30. text += notes[i].data.text + ",";
  31. }
  32. alert('选择的节点数:' + text);
  33. }
  34. function getSelected()
  35. {
  36. var note = manager.getSelected();
  37. alert('选择的是:' + note.data.text);
  38. }
  39. </script>
  40. </head>
  41. <body style="padding:10px">
  42. <a class="l-button" onclick="collapseAll()" style="float:left;margin-right:10px;">折叠全部</a>
  43. <a class="l-button" onclick="expandAll()" style="float:left;margin-right:10px;">张开全部</a>
  44. <div class="l-clear"></div>
  45. <br />
  46. <a class="l-button" onclick="getChecked()" style="float:left;margin-right:10px;">获取选择(复选框)</a>
  47. <a class="l-button" onclick="getSelected()" style="float:left;margin-right:10px;">获取选择</a>
  48. <br />
  49. <br />
  50. <!-- 带复选框和图标 -->
  51. <div style="width:200px; height:300px; border:1px solid #ccc; overflow:auto; clear:both;">
  52. <ul id="tree1"> </ul>
  53. </div>
  54. <div style="display:none">
  55. </div>
  56. </body>
  57. </html>