<!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" /> <!--[if lt IE 9]> <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" > <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.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" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> <!--[if IE 6]> <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script> <script>DD_belatedPNG.fix('*');</script> <![endif]--> <script type="text/javascript"> $(function() { $(window).resize(function(){ $("#jqGrid").setGridWidth($(window).width()-41); }); $("#jqGrid").jqGrid({ url : '${ctx}/myconsole/complaint/query/getQueryPage', postData :{"strFrom":"${strFrom}","strSQL":"${strSQL}","strSelect":"${strSelect}"}, editurl:"${ctx}/myconsole/complaint/fund/UpdateFundInfo", mtype : "POST", datatype : "json", multiselect: false, caption:'信息管理', prmNames : { //定义表单的主键 // Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 当参数为null时不会被发到服务器端 id: "appealid", oper:"oper", addoper:"add", editoper:"edit", deloper:"del" }, colModel : [ { label : '数据编号', name : 'appealid', key : true, editable: false, hidden:true }, ${fieldLine}], rownumbers : true,//添加左侧行号 viewrecords : true,//是否在浏览导航栏显示记录总数 rowNum : 10,//每页显示记录数 rowList : [10,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。 autowidth : true, sortname : 'a.RecordTime', sortorder : 'desc', height : 'auto', pager : "#jqGridPager", //加载完成(初始加载),回调函数 loadComplete: function(){ //双引号替换为转义字符,否则后台不能接收到 var res = html2Escape("${strSQL}"); $("#strSQL").val(res); var page = $('#jqGrid').getGridParam('page'); $("#page").val(page); var rows = $('#jqGrid').getGridParam('rowNum'); $("#rows").val(rows); } }) $('#jqGrid') .navGrid('#jqGridPager', {edit:true,add:false,del:false,search:false}, //点击编辑触发的区域 { closeAfterEdit : true, recreateForm : true, width:600, //在表单显示后触发此方法 beforeShowForm:function(formid){ }, //在提交数据到服务器前触发 beforeSubmit: function(postdata, formid){ //获取组件主键 ID var userid = postdata.jqGrid_id; $.each(postdata,function (index, value) { if(index!="oper"){ modifyJosnKey(postdata,index,"result."+index); } }) //重新为主键赋值 postdata["result.appealid"]=userid; 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 } } ) .navButtonAdd("#jqGridPager", { caption:"返回", buttonicon:"ui-icon-excel", onClickButton: function(){ history.go(-1); }, position:"last" }); //添加自定义按钮 $("#jqGrid").navButtonAdd('#jqGridPager',{ caption:"导出到excel", buttonicon:"ui-icon-document", onClickButton: function(){ exportExcel(); }, position:"first" }); }); //新建或者修改信息页面调用函数 function webinfo_init(title,keyid,strOper){ var columnID = '', name = '', columnName = escape(name).replace(/%/g,"\\").toLowerCase(); //alert('传递的主键'+id); fullOpen("${ctx}/myconsole/complaint/register/self"); } //查看信息 2017-07-24 function seeData(appealid){ fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid); } <!--这里不能用ajax请求,ajax请求无法弹出下载保存对话框--> function exportExcel(){ $('#form1').attr('action','${ctx}/myconsole/complaint/fund/exportExcelInfo'); $('#form1').submit(); } //普通字符转换成转义符 function html2Escape(sHtml) { if(null == sHtml || sHtml == ''){ return ''; } return sHtml.replace(/["]/g,function(c){return {'"':'"'}[c];}); } </script> <title>我的桌面</title> </head> <form id="form1" method="post" class="form-horizontal" role="form"> <input type="hidden" name="strSQL" id="strSQL" value=""> <input type="hidden" name="strFrom" value="${strFrom}"> <input type="hidden" name="strSelect" value="${strSelect}"> <input type="hidden" name="rows" id="rows" value=""> <input type="hidden" name="page" id="page" value=""> </form> <body> <div> <div class="page-container"> <table id="jqGrid"></table> <div id="jqGridPager"></div> </div> </div> </body> </html>