dbeditgrid2.htm 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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/ligerDialog.js" type="text/javascript"></script>
  10. <script src="../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
  11. <script src="../../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
  12. <script src="../../lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
  13. <script src="../../lib/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
  14. <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  15. <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  16. <script src="../../lib/json2.js" type="text/javascript"></script>
  17. <script type="text/javascript">
  18. var manager = null;
  19. $(function ()
  20. {
  21. var sexData = [[1, '男'], [2, '女']];
  22. $("#maingrid").ligerGrid({
  23. columns: [
  24. { display: '主键', name: 'ID', width: 50, type: 'int' },
  25. { display: '名字', name: 'RealName',
  26. editor: { type: 'text' }
  27. },
  28. { display: '性别', name: 'Sex', width: 50, type: 'int',
  29. render: function (item)
  30. {
  31. if (parseInt(item.Sex) == 1) return '男';
  32. return '女';
  33. }
  34. },
  35. { display: '年龄', name: 'Age', width: 50, type: 'int' },
  36. { display: '入职日期', name: 'IncomeDay', type: 'date', width: 100 },
  37. { display: '地址', name: 'Address',
  38. editor: { type: 'text' }, align: 'left', width: 200
  39. },
  40. { display: '部门', name: 'DepartmentName', width: 120 }
  41. ],
  42. usePager: false, isScroll: false,
  43. url: "../../service/EmpDataHandler.ashx?Action=get&View=Employee"
  44. });
  45. manager = $("#maingrid").ligerGetGridManager();
  46. });
  47. function f_add()
  48. {
  49. f_openWindow('../../service/EmployeeEdit.aspx?ID=0', '添加员工', 500, 320);
  50. }
  51. function f_modify()
  52. {
  53. var row = manager.getSelectedRow();
  54. if (!row) { alert('请选择行'); return; }
  55. f_openWindow('../../service/EmployeeEdit.aspx?ID=' + row.ID, '修改员工', 500, 320);
  56. }
  57. function f_reload()
  58. {
  59. manager.loadData();
  60. }
  61. function f_delete()
  62. {
  63. var row = manager.getSelectedRow();
  64. if (!row) { alert('请选择行'); return; }
  65. $.ligerDialog.waitting("删除中...");
  66. $.post('../../service/EmpDataHandler.ashx', { ID: row.ID, Action: 'delete' }, function ()
  67. {
  68. $.ligerDialog.closeWaitting();
  69. $.ligerDialog.success( '删除成功!', function ()
  70. {
  71. manager.loadData();
  72. });
  73. });
  74. }
  75. function f_openWindow(url, title, width, height)
  76. {
  77. return $.ligerDialog.open({ width: width, height: height, title: title, url: url, buttons: [
  78. { text: '关闭', onclick: function ()
  79. {
  80. $.ligerDialog.close();
  81. }
  82. }
  83. ], isResize: true
  84. });
  85. }
  86. var alert = function (content)
  87. {
  88. $.ligerDialog.alert(content);
  89. };
  90. </script>
  91. </head>
  92. <body style="padding:10px">
  93. <a class="l-button" style="width:60px; float:left; margin-left:10px;" onclick="f_add()">添加</a>
  94. <a class="l-button" style="width:60px; float:left; margin-left:10px;" onclick="f_modify()">修改</a>
  95. <a class="l-button" style="width:60px; float:left; margin-left:10px;" onclick="f_delete()">删除</a>
  96. <a class="l-button" style="width:60px; float:left; margin-left:10px;" onclick="f_reload()">刷新</a>
  97. <div class="l-clear"></div>
  98. <div id="maingrid" style="margin-top:20px"></div> <br />
  99. <br />
  100. <div style="display:none;">
  101. <!-- g data total ttt -->
  102. </div>
  103. </body>
  104. </html>