allhotword.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  10. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/gray/easyui.css" />
  11. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/icon.css" />
  12. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/jquery.easyui.min.js"></script>
  13. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
  14. <style type="text/css">
  15. .panel-header, .panel-body{border-color:#FCFCFC}
  16. .layout-split-west{border-right:none}
  17. </style>
  18. <script type="text/javascript">
  19. var $easy = $.noConflict(true);
  20. $easy(function(){
  21. $easy('#pageright').panel({
  22. onResize:function(width, height){
  23. $("#jqGrid").setGridWidth(width-4); 
  24. }
  25. });
  26. })
  27. </script>
  28. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  29. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  31. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  32. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  33. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  34. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  35. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  36. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  37. <script type="text/javascript">
  38. $(document).ready(function(){
  39. //DOM加载完成后,加载jqgrid
  40. $("#jqGrid").jqGrid({
  41. url : '${ctx}/myconsole/allhotword/getByPage',
  42. editurl:"${ctx}/myconsole/allhotword/saveUpdate", //保存或者添加
  43. mtype : "POST",
  44. datatype : "json",
  45. sidx : "",
  46. sord : "asc",
  47. caption:"热词管理",
  48. prmNames : {
  49. id: "keyid", 
  50. oper:"oper",    
  51. addoper:"add",
  52. editoper:"edit",
  53. deloper:"del" 
  54. },
  55. colModel : [ {
  56. label : '编号',
  57. name : 'keyid',
  58. hidden : true,
  59. key : true,
  60. width : 50,
  61. }, {
  62. label : '热词名称',
  63. name : 'wordname',
  64. edittype : "text",
  65. editable : true,
  66. editrules:{required:true},
  67. width : 100,
  68. editoptions: {
  69. size:50,
  70. maxlength: 120
  71. }
  72. }, {
  73. label : '出现次数',
  74. name : 'appealnumber',
  75. edittype : "text",
  76. editable: true,
  77. editrules:{required:true},
  78. width : 50,
  79. editrules:{
  80. edithidden:true,
  81. custom:true, 
  82. custom_func: function(strFieldValue, strFieldName){
  83. var strFloat = /^(\d{1,9})?$/;
  84.  if(!strFloat.test(strFieldValue)){
  85.    return [false, strFieldName+"应该为正整数"];
  86.   }
  87. else
  88. {
  89.   return [true,""];
  90. }
  91. }
  92. },
  93. editoptions: {
  94. size:50,
  95. maxlength: 6
  96. }
  97. }],
  98. rownumbers : true,//添加左侧行号
  99. viewrecords : true,//是否在浏览导航栏显示记录总数
  100. rowNum : 15,//每页显示记录数
  101. rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
  102. autowidth : true,
  103. height : 'auto',
  104. pager : "#jqGridPager"
  105. });
  106. $('#jqGrid').navGrid('#jqGridPager',
  107. {
  108. add : true,
  109. edit : true,
  110. del : true,
  111. search : true,
  112. refresh : false,
  113. view : true,
  114. position : "left",
  115. cloneToTop : true
  116. },
  117. //点击编辑触发的区域
  118. {
  119. closeAfterEdit : true,
  120. recreateForm : true,
  121. width:600,
  122. beforeShowForm:function(formid){
  123. },
  124. beforeSubmit: function(postdata, formid){
  125. var keyid = postdata.jqGrid_id;
  126. $.each(postdata,function (index, value) {
  127. if(index!="oper"){
  128. modifyJosnKey(postdata,index,"allHotWord."+index);
  129. }
  130. })
  131. postdata["allHotWord.keyid"]=keyid;
  132. return [true,'']; //返回值必须这么写 目前没找到原因,用true 和 返回对象都不好使。待查
  133. },
  134. afterSubmit: function(response,postdata) //
  135. {
  136. var res=eval('(' + response.responseText + ')');
  137. if(res.flag)
  138. {
  139. parent.layer.alert(res.message, {
  140. skin: 'layui-layer-molv' //样式类名
  141. ,closeBtn: 0
  142. });
  143. return [true,res.message,''];
  144. }else{
  145. parent.layer.alert(res.message, {
  146. skin: 'layui-layer-molv' //样式类名
  147. ,closeBtn: 0
  148. });
  149. return [false,res.message,''];
  150. }
  151. },
  152. errorTextFormat : function(data) {
  153. return 'Error: ' + data.responseText
  154. }
  155. },
  156. //添加操作区
  157. {
  158. closeAfterAdd : true, //添加完成后关闭
  159. width:600,
  160. serializeEditData: function(postdata) { //提前数据前,加工数据
  161. $.each(postdata,function(index,value){
  162. if(index!="oper"){
  163. modifyJosnKey(postdata,index,"allHotWord."+index);
  164. }
  165. })
  166. postdata["allHotWord.keyid"] = "";
  167. return postdata;
  168. },
  169. beforeShowForm:function(formid){
  170. },
  171. afterShowForm: function (formid){ //点击添加按钮显示表单后,用于绑定事件
  172. },
  173. afterSubmit: function(response,postdata) //
  174. {
  175. var res=eval('(' + response.responseText + ')');
  176. if(res.flag)
  177. {
  178. parent.layer.alert(res.message, {
  179. skin: 'layui-layer-molv' //样式类名
  180. ,closeBtn: 0
  181. });
  182. return [true,res.message,''];
  183. }else{
  184. parent.layer.alert(res.message, {
  185. skin: 'layui-layer-molv' //样式类名
  186. ,closeBtn: 0
  187. });
  188. return [false,res.message,''];
  189. }
  190. },
  191. errorTextFormat : function(data) {
  192. return 'Error: ' + data.responseText
  193. }
  194. },
  195. //删除操作区
  196. {
  197. afterSubmit: function(response,postdata)
  198. {
  199. var res=eval('(' + response.responseText + ')');
  200. if(res.flag)
  201. {
  202. parent.layer.alert(res.message, {
  203. skin: 'layui-layer-molv' //样式类名
  204. ,closeBtn: 0
  205. });
  206. return [true,res.message,''];
  207. }else{
  208. parent.layer.alert(res.message, {
  209. skin: 'layui-layer-molv' //样式类名
  210. ,closeBtn: 0
  211. });
  212. return [false,res.message,''];
  213. }
  214. },
  215. errorTextFormat : function(data) {
  216. return 'Error: ' + data.responseText
  217. }
  218. },{
  219. // search options 这里支持多条件查询
  220. multipleSearch: true,
  221. closeAfterSearch: true,
  222. sopt:['eq','ne','cn','nc','lt','le','gt','ge'],
  223. afterSubmit: function(r, data) {
  224. var messageString = r.responseText;
  225. var mesObj = eval('(' + messageString + ')');
  226. return [mesObj.state, mesObj.message];
  227. }
  228. })
  229. })
  230. </script>
  231. <title>我的桌面</title>
  232. </head>
  233. <body>
  234. <div class="easyui-layout" data-options="fit:true">
  235. <div region="center" id="pageright">
  236. <div class="page-container">
  237. <table id="jqGrid"></table>
  238. <div id="jqGridPager"></div>
  239. </div>
  240. </div>
  241. </div>
  242. </body>
  243. </html>