<!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" 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/static/h-ui/js/H-ui.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.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 refJQ(){ $("#jqGrid").trigger("reloadGrid"); } $(function() { $("#jqGrid").jqGrid({ url : '${ctx}/myconsole/leavemessage/getByPageForWait', editurl:"${ctx}/myconsole/leavemessage/saveOrUpdate", mtype : "POST", datatype : "json", caption:'待回复留言', prmNames : { //定义表单的主键 // Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 当参数为null时不会被发到服务器端 id: "keyid" }, colModel : [ { label : '留言编号', name : 'keyid', key : true, editable: false, hidden:true }, { label : '标题 ', name : 'title', editable: true, width : 80, }, { label : '留言人姓名 ', name : 'tname', editable: true, width : 80, }, { label : '联系电话 ', name : 'linkphone', editable: true, width : 80, }, { label : '联系地址 ', name : 'linkaddress', editable: true, width : 80, }, { label : '邮政编码 ', name : 'postalcode', editable: true, width : 80, }, { label : '单位名称 ', name : 'corporatename', editable: true, width : 80, }, { label : '留言内容', name : 'content', editable: true, width : 80, }, { label : '留言状态', name : 'tstate', editable: true, width : 40 }, { label : '留言时间', name : 'inserttime', editable: true, width : 40 } ], rownumbers : true,//添加左侧行号 viewrecords : true,//是否在浏览导航栏显示记录总数 rowNum : 15,//每页显示记录数 rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。 autowidth : true, height : 'auto', pager : "#jqGridPager", }); $('#jqGrid').navGrid('#jqGridPager', { edit : false, add : false, del : true, search : true, view : true, position : "left", cloneToTop : true },{ // 编辑按钮处理区 },{ // 添加按钮处理区 },{ // 删除按钮处理区 afterSubmit: function(response,postdata) { var res=eval('(' + response.responseText + ')'); if(res.flag) { layer.alert(res.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); return [true,res.message,'']; } else { 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]; } } ).navButtonAdd('#jqGridPager',{ title:"回复", caption:"留言回复", buttonicon:"ui-icon-del", onClickButton: function(){ var sel=$('#jqGrid').jqGrid('getGridParam','selrow'); if(sel==null){ //alert('请先选择数据'); parent.layer.alert("请先选择需要编辑的行!", { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }); }else{ layer.open({ type: 2, title: '留言回复', shadeClose: true, shade: 0.8, area: ['670px', '460px'], content: '${ctx}/myconsole/leavemessage/selectInfo?keyid='+sel }); } }, position : "last" } ).navButtonAdd('#jqGridPager',{ title:"导出excel", caption:"导出excel", buttonicon:"ui-icon-del", onClickButton: function(){ window.location.href="${ctx}/myconsole/leavemessage/export?type=wait"; }, position : "last" } ) ; }) </script> <title>待回复留言</title> </head> <body> <div class="page-container"> <table id="jqGrid"></table> <div id="jqGridPager"></div> </div> <footer class="footer mt-20"> <div class="container"> <p></p> </div> </footer> </body> </html>