treegrid.htm 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. <link href="../../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  9. <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  10. <script src="../TreeDeptData.js" type="text/javascript"></script>
  11. <script type="text/javascript">
  12. var manager;
  13. $(function ()
  14. {
  15. manager = $("#maingrid").ligerGrid({
  16. columns: [
  17. { display: '部门名', name: 'name', width: 250, align: 'left' },
  18. { display: '部门标示', name: 'id', id:'id1',width: 250, type: 'int', align: 'left' },
  19. { display: '部门描述', name: 'remark', width: 250, align: 'left' }
  20. ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
  21. data: TreeDeptData, alternatingRow: false, tree: { columnId: 'id1' }
  22. }
  23. );
  24. });
  25. function getParent()
  26. {
  27. var row = manager.getParent(manager.getSelectedRow());
  28. alert(JSON.stringify(row));
  29. }
  30. function getSelected()
  31. {
  32. var row = manager.getSelectedRow();
  33. if (!row) { alert('请选择行'); return; }
  34. alert(JSON.stringify(row));
  35. }
  36. function getData()
  37. {
  38. var data = manager.getData();
  39. alert(JSON.stringify(data));
  40. }
  41. function hasChildren()
  42. {
  43. var row = manager.getSelectedRowObj();
  44. alert(manager.hasChildren(row));
  45. }
  46. function isLeaf()
  47. {
  48. var row = manager.getSelectedRowObj();
  49. alert(manager.isLeaf(row));
  50. }
  51. </script>
  52. </head>
  53. <body style="padding:4px">
  54. <div>
  55. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="getParent()">获取父节点</a>
  56. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="hasChildren()">是否有子节点</a>
  57. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="isLeaf()">是否叶节点节点</a>
  58. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="getSelected()">获取选中的值(选择行)</a>
  59. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="getData()">获取当前的值</a>
  60. <div class="l-clear"></div>
  61. </div>
  62. <div id="maingrid"></div>
  63. <div>
  64. </div>
  65. </body>
  66. </html>