edit.htm 3.1 KB

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