render.htm 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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"
  6. type="text/css" />
  7. <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  8. <script src="../../../lib/ligerUI/js/core/base.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/ligerSpinner.js" type="text/javascript"></script>
  11. <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  12. <script src="../TreeData.js" type="text/javascript"></script>
  13. <script type="text/javascript">
  14. function f_renderAmount(rowdata, index, value)
  15. {
  16. if (!this.hasChildren(rowdata))
  17. {
  18. return value;
  19. }
  20. else
  21. {
  22. var children = this.getChildren(rowdata, true);
  23. var sum = 0;
  24. for (var i = 0, l = children.length; i < l; i++)
  25. {
  26. sum += children[i].amount || 0;
  27. }
  28. return sum;
  29. }
  30. }
  31. var manager;
  32. $(function ()
  33. {
  34. manager = $("#maingrid").ligerGrid({
  35. columns: [
  36. { display: '标示', name: 'id', width: 250, type: 'int', align: 'left' },
  37. { display: '金额', name: 'amount', width: 250, align: 'left', render: f_renderAmount, editor: { type: 'int'} }
  38. ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
  39. data: TreeData, alternatingRow: false, tree: { columnName: 'id' },
  40. enabledEdit: true
  41. });
  42. manager.bind('beforeEdit', function (e)
  43. {
  44. if (this.hasChildren(e.record)) return false;
  45. else return true;
  46. });
  47. });
  48. function getParent()
  49. {
  50. var row = manager.getParent(manager.getSelectedRow());
  51. alert(JSON.stringify(row));
  52. }
  53. function getSelected()
  54. {
  55. var row = manager.getSelectedRow();
  56. if (!row) { alert('请选择行'); return; }
  57. alert(JSON.stringify(row));
  58. }
  59. function getData()
  60. {
  61. var data = manager.getData();
  62. alert(JSON.stringify(data));
  63. }
  64. function hasChildren()
  65. {
  66. var row = manager.getSelectedRowObj();
  67. alert(manager.hasChildren(row));
  68. }
  69. function isLeaf()
  70. {
  71. var row = manager.getSelectedRowObj();
  72. alert(manager.isLeaf(row));
  73. }
  74. </script>
  75. </head>
  76. <body style="padding: 4px">
  77. <div id="maingrid">
  78. </div>
  79. </body>
  80. </html>