listTarget.jsp 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. <%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  6. <title>Insert title here</title>
  7. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  8. <link href="${pageContext.request.contextPath }/main.css" rel="stylesheet" type="text/css" />
  9. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  10. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  11. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  12. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  13. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script>
  14. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  15. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
  16. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
  17. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
  18. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
  19. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
  20. <script type="text/javascript" src="/shares/js/yw/hr/system/common.js"></script>
  21. <script type="text/javascript" src="/shares/js/constant.js"></script>
  22. <script type="text/javascript" src="/shares/js/common.js"></script>
  23. <script type="text/javascript">
  24. $(f_initGrid);
  25. var targetState = [ {
  26. state : '1',
  27. text : '启用'
  28. }, {
  29. state : '0',
  30. text : '停用'
  31. } ];
  32. var manager, g;
  33. function f_initGrid(params) {
  34. g = manager = $("#maingrid")
  35. .ligerGrid(
  36. {
  37. columns : [
  38. {
  39. display : '指标名称',
  40. name : 'target_name',
  41. editor : {
  42. type : 'text'
  43. }
  44. },
  45. {
  46. display : '状态',
  47. name : 'state',
  48. type : 'text',
  49. editor : {
  50. type : 'select',
  51. data : targetState,
  52. valueColumnName : 'state'
  53. },
  54. render : function(item) {
  55. if (item.state == '1')
  56. return '启用';
  57. return '停用';
  58. }
  59. },
  60. {
  61. display : '创建人',
  62. name : 'create_user_name'
  63. },
  64. {
  65. display : '创建时间',
  66. name : 'create_date'
  67. },
  68. {
  69. display : '操作',
  70. isSort : false,
  71. width : 120,
  72. render : function(rowdata, rowindex,
  73. value) {
  74. var h = "";
  75. if (!rowdata._editing) {
  76. h += "<a href='javascript:beginEdit("
  77. + rowindex
  78. + ")'>修改</a> ";
  79. // h += "<a href='javascript:deleteRow("
  80. // + rowindex
  81. // + ")'>删除</a> ";
  82. } else {
  83. var isDelete = rowdata.universalid ? "false"
  84. : "true";
  85. h += "<a href='javascript:endEdit("
  86. + rowindex
  87. + ","
  88. + rowdata.universalid
  89. + ")'>提交</a> ";
  90. h += "<a href='javascript:cancelEdit("
  91. + rowindex
  92. + ", "
  93. + isDelete
  94. + ")'>取消</a> ";
  95. }
  96. return h;
  97. }
  98. } ],
  99. onSelectRow : function(rowdata, rowindex) {
  100. $("#txtrowindex").val(rowindex);
  101. },
  102. enabledEdit : true,
  103. clickToEdit : false,
  104. // isScroll: false,
  105. // data: EmployeeData,
  106. pageSize : 20,
  107. url : 'hrTargetAction.do?method=getHrTargetData&time='
  108. + new Date().getTime() + params,
  109. width : "99%",
  110. // height : "99%",
  111. // parms :jsonObject,
  112. pageParmName : 'p',
  113. pagesizeParmName : 'pageSize',
  114. rownumbers : true
  115. });
  116. }
  117. //查询
  118. function searchByKword() {
  119. var s = "";
  120. var target_name = $("#target_name").val();//开始时间
  121. if (target_name) {
  122. s += "&target_name=" + encodeURI(encodeURI(target_name));
  123. ;
  124. }
  125. if (g)
  126. g.set("newPage", "1");
  127. f_initGrid(s);
  128. }
  129. function beginEdit(rowid) {
  130. manager.beginEdit(rowid);
  131. }
  132. function cancelEdit(rowid, isDelete) {
  133. manager.cancelEdit(rowid);
  134. if (isDelete) {
  135. manager.deleteRow(rowid);
  136. }
  137. }
  138. function endEdit(rowid, universalid) {
  139. manager.endEdit(rowid);
  140. var rows = manager.getCheckedRows();
  141. var target_name = encodeURI(rows[0].target_name);
  142. var state = rows[0].state;
  143. var jsonObject = {
  144. "universalid" : universalid,
  145. "target_name" : target_name,
  146. "state" : state
  147. };
  148. // if (target_name == 'undefined' || target_name == "") {
  149. // $.ligerDialog.alert('指标名称不能为空', "提示", 'warn');
  150. // manager.beginEdit(rowid);
  151. // return;
  152. // }
  153. // if (state == "undefined" || state == "") {
  154. // $.ligerDialog.alert('指标状态不能为空', "提示", 'warn');
  155. // return;
  156. // }
  157. manager.endEdit(rowid);
  158. var url = "";
  159. if (universalid && universalid != "undefined") {
  160. url = "hrTargetAction.do?method=editTarget";
  161. } else {
  162. url = "hrTargetAction.do?method=addTarget";
  163. }
  164. $.ajax({
  165. type : "POST",
  166. url : url,
  167. data : jsonObject,
  168. timeout : 10000,
  169. cache : false,
  170. dataType : "json",
  171. beforeSend : function() {
  172. showWaittingDialog("正在提交中,请稍后……");
  173. },
  174. success : function(data) {
  175. if (data.success) {
  176. $.ligerDialog.success("保存成功");
  177. manager.loadData();
  178. } else {
  179. showAjaxError(null, data.error);
  180. manager.beginEdit(rowid);
  181. }
  182. },
  183. error : function(err) {
  184. manager.beginEdit(rowid);
  185. showAjaxError(err);
  186. },
  187. complete : function() {
  188. closeWaittingDialog();
  189. }
  190. });
  191. }
  192. function deleteRow(rowid) {
  193. if (confirm('确定删除?')) {
  194. manager.deleteRow(rowid);
  195. }
  196. }
  197. var newrowid = 100;
  198. function addNewRow() {
  199. for ( var rowid in manager.records) {
  200. var row = manager.getRow(rowid);
  201. //alert(row.universalid);
  202. if (!row.universalid) {
  203. return;
  204. }
  205. }
  206. manager.addEditRow();
  207. }
  208. function getSelected() {
  209. var row = manager.getSelectedRow();
  210. if (!row) {
  211. alert('请选择行');
  212. return;
  213. }
  214. alert(JSON.stringify(row));
  215. }
  216. function getData() {
  217. var data = manager.getData();
  218. alert(JSON.stringify(data));
  219. }
  220. </script>
  221. </head>
  222. <body>
  223. <div class="container">
  224. <!-- <div id="title" class="form-button"> -->
  225. <!-- <input type="button" class="l-button" value="新增" onclick="addSalInsCount('');" style="width: 70px" /> -->
  226. <!-- </div> -->
  227. <!-- <div class="default_search" style="margin: 0; height: 30px;"></div> -->
  228. <div class="default_search" style="margin: 0;">
  229. <ul class="list_search">
  230. <li class="title">指标名称:</li>
  231. <li class="text"><input id="target_name" name="target_name" value="" /></li>
  232. </ul>
  233. <ul>
  234. <li class="search-button"><input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询" /></li>
  235. </ul>
  236. </div>
  237. <div style="clear: both;"></div>
  238. <div id="searchbar">
  239. <div id="title">
  240. <input type="button" class="l-button" value="新增" onclick="addNewRow();" style="width: 70px" />
  241. </div>
  242. <div style="overflow: hidden; clear: both;">
  243. <div id="maingrid" class="l-panel" style="margin: 0; padding: 0"></div>
  244. </div>
  245. </div>
  246. </div>
  247. </body>
  248. </html>