selectEmp.htm 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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/json2.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/ligerDialog.js" type="text/javascript"></script>
  10. <script src="../../../lib/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
  11. <script src="../../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
  12. <script src="../../../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
  13. <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  14. <script src="../../../lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
  15. <script src="../../../lib/ligerUI/js/plugins/ligerSpinner.js" type="text/javascript"></script>
  16. <script src="../EmployeeData.js" type="text/javascript"></script>
  17. <script src="../DepartmentData.js" type="text/javascript"></script>
  18. <script type="text/javascript">
  19. var DepartmentList = DepartmentData.Rows;
  20. var sexData = [{ id: 1, text: '男' }, {id:2,text: '女'}];
  21. $(f_initGrid);
  22. var g = null;
  23. function f_initGrid()
  24. {
  25. g = $("#maingrid").ligerGrid({
  26. columns: [
  27. { display: '主键', name: 'ID', width: 50, type: 'int' },
  28. { display: '名字', name: 'RealName',
  29. editor: { type: 'text' }
  30. },
  31. { display: '性别', width: 50, name: 'Sex', isSort: false,
  32. editor: { type: 'select', data: sexData, valueColumnName: 'Sex' },
  33. render: function(item)
  34. {
  35. if (parseInt(item.Sex) == 1) return '男';
  36. return '女';
  37. }
  38. },
  39. { display: '年龄', name: 'Age', width: 50, type: 'int', editor: { type: 'int'} },
  40. { display: '入职日期', name: 'IncomeDay', type: 'date', width: 100, editor: { type: 'date'} },
  41. { display: '部门', name: 'DepartmentID', width: 120, isSort: false,
  42. editor: { type: 'select', data: DepartmentList, valueColumnName: 'DepartmentID', displayColumnName: 'DepartmentName' }, render: function(item)
  43. {
  44. for (var i = 0; i < DepartmentList.length; i++)
  45. {
  46. if(DepartmentList[i]['DepartmentID'] == item.DepartmentID)
  47. return DepartmentList[i]['DepartmentName']
  48. }
  49. return item.DepartmentName;
  50. }
  51. },
  52. { display: '地址', name: 'Address',
  53. editor: { type: 'text' }, align: 'left', width: 300
  54. }
  55. ], isScroll: false, checkbox: true,
  56. data: EmployeeData,
  57. width: '95%'
  58. });
  59. }
  60. function f_select()
  61. {
  62. var rows = g.getCheckedRows();
  63. return rows;
  64. }
  65. </script>
  66. </head>
  67. <body style="padding:4px">
  68. <div class="l-clear"></div>
  69. <div id="maingrid" style="margin-top:0px"></div>
  70. <div style="display:none;">
  71. <!-- g data total ttt -->
  72. </div>
  73. </body>
  74. </html>