<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/gray/easyui.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/icon.css" /> <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/jquery.easyui.min.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/locale/easyui-lang-zh_CN.js"></script> <style type="text/css"> .panel-header, .panel-body{border-color:#FCFCFC} .layout-split-west{border-right:none} </style> <script type="text/javascript"> var $easy = $.noConflict(true); $easy(function(){ $easy('#pageright').panel({ onResize:function(width, height){ $("#jqGrid").setGridWidth(width-4); } }); }) </script> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" > <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" /> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" /> <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script> <script type="text/javascript" src="${ctx}/assets/js/base.js"></script> <script type="text/javascript"> $(document).ready(function(){ //DOM加载完成后,加载jqgrid $("#jqGrid").jqGrid({ url : '${ctx}/myconsole/allhotword/getByPage', editurl:"${ctx}/myconsole/allhotword/saveUpdate", //保存或者添加 mtype : "POST", datatype : "json", sidx : "", sord : "asc", caption:"热词管理", prmNames : { id: "keyid", oper:"oper", addoper:"add", editoper:"edit", deloper:"del" }, colModel : [ { label : '编号', name : 'keyid', hidden : true, key : true, width : 50, }, { label : '热词名称', name : 'wordname', edittype : "text", editable : true, editrules:{required:true}, width : 100, editoptions: { size:50, maxlength: 120 } }, { label : '出现次数', name : 'appealnumber', edittype : "text", editable: true, editrules:{required:true}, width : 50, editrules:{ edithidden:true, custom:true, custom_func: function(strFieldValue, strFieldName){ var strFloat = /^(\d{1,9})?$/; if(!strFloat.test(strFieldValue)){ return [false, strFieldName+"应该为正整数"]; } else { return [true,""]; } } }, editoptions: { size:50, maxlength: 6 } }], rownumbers : true,//添加左侧行号 viewrecords : true,//是否在浏览导航栏显示记录总数 rowNum : 15,//每页显示记录数 rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。 autowidth : true, height : 'auto', pager : "#jqGridPager" }); $('#jqGrid').navGrid('#jqGridPager', { add : true, edit : true, del : true, search : true, refresh : false, view : true, position : "left", cloneToTop : true }, //点击编辑触发的区域 { closeAfterEdit : true, recreateForm : true, width:600, beforeShowForm:function(formid){ }, beforeSubmit: function(postdata, formid){ var keyid = postdata.jqGrid_id; $.each(postdata,function (index, value) { if(index!="oper"){ modifyJosnKey(postdata,index,"allHotWord."+index); } }) postdata["allHotWord.keyid"]=keyid; return [true,'']; //返回值必须这么写 目前没找到原因,用true 和 返回对象都不好使。待查 }, afterSubmit: function(response,postdata) // { var res=eval('(' + response.responseText + ')'); if(res.flag) { parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [true,res.message,'']; }else{ parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [false,res.message,'']; } }, errorTextFormat : function(data) { return 'Error: ' + data.responseText } }, //添加操作区 { closeAfterAdd : true, //添加完成后关闭 width:600, serializeEditData: function(postdata) { //提前数据前,加工数据 $.each(postdata,function(index,value){ if(index!="oper"){ modifyJosnKey(postdata,index,"allHotWord."+index); } }) postdata["allHotWord.keyid"] = ""; return postdata; }, beforeShowForm:function(formid){ }, afterShowForm: function (formid){ //点击添加按钮显示表单后,用于绑定事件 }, afterSubmit: function(response,postdata) // { var res=eval('(' + response.responseText + ')'); if(res.flag) { parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [true,res.message,'']; }else{ parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [false,res.message,'']; } }, errorTextFormat : function(data) { return 'Error: ' + data.responseText } }, //删除操作区 { afterSubmit: function(response,postdata) { var res=eval('(' + response.responseText + ')'); if(res.flag) { parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [true,res.message,'']; }else{ parent.layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [false,res.message,'']; } }, errorTextFormat : function(data) { return 'Error: ' + data.responseText } },{ // search options 这里支持多条件查询 multipleSearch: true, closeAfterSearch: true, sopt:['eq','ne','cn','nc','lt','le','gt','ge'], afterSubmit: function(r, data) { var messageString = r.responseText; var mesObj = eval('(' + messageString + ')'); return [mesObj.state, mesObj.message]; } }) }) </script> <title>我的桌面</title> </head> <body> <div class="easyui-layout" data-options="fit:true"> <div region="center" id="pageright"> <div class="page-container"> <table id="jqGrid"></table> <div id="jqGridPager"></div> </div> </div> </div> </body> </html>