<!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" /> <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> <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> <!--[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(){ $("#tree").setGridWidth($(window).width()-40); }); $("#tree").jqGrid({ caption:'送领导人员配置', url : '${ctx}/myconsole/complaint/approve/getLeaderUserPage', editurl:"${ctx}/myconsole/complaint/approve/saveUpdateLeaderUser", mtype : "POST", datatype : "json", sidx : "opttime", sord : "desc", prmNames : { id: "userid", oper:"oper", addoper:"add", editoper:"edit", deloper:"del" }, colModel : [{ label : '办理人员编号', name : 'userid', editable: true, key : true, width : 60, formoptions:{ elmsuffix:"<span style='color:red'>*<span>" }, editrules:{required:true} },{ label : '办理人员名称', name : 'username', width : 35, editable: true, edittype :"select", editoptions:{ dataInit: function(elem){ $(elem).width(160); }, value:getUserOptions(), //添加 dataEvents:[ { type:'change', fn:function(e){ //获取当前selectd的值 var val = this.value; $.ajax({ type:"post", async:false, data:{username:val}, url:"${ctx}/myconsole/complaint/approve/getUserOptionsList", success:function(data){ if (data != null) { console.log(data); $("#userid").val(data[0].userid); $("#orgid").val(data[0].orgid); $("#orgname").val(data[0].orgname); } } }); } } ] } },{ label : '办理人员单位编号 ', name : 'orgid', width : 80, editable: true, edittype:"text" },{ label : '办理人员单位名称', name : 'orgname', width : 60, editable: true, edittype:"text" },{ label : '审核人员编号', name : 'leaderuserid', width : 60, editable: true, edittype:"text", formoptions:{ elmsuffix:"<span style='color:red'>*<span>" }, editrules:{required:true} },{ label : '审核人员名称', name : 'leaderusername', width : 60, editable: true, edittype :"select", editoptions:{ dataInit: function(elem){ $(elem).width(160); }, value:getUserOptions(), //添加 dataEvents:[ { type:'change', fn:function(e){ //获取当前selectd的值 var val = this.value; $.ajax({ type:"post", async:false, data:{username:val}, url:"${ctx}/myconsole/complaint/approve/getUserOptionsList", success:function(data){ if (data != null) { console.log(data); $("#leaderuserid").val(data[0].userid); } } }); } } ] } }], rownumbers : true,//添加左侧行号 viewrecords : true,//是否在浏览导航栏显示记录总数 rowNum : 10,//每页显示记录数 rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。 autowidth : true, height : 'auto', pager : "#pager", }); jQuery('#tree').navGrid('#pager', { edit : true, add : true, del : true, search : false, refresh : false, view : false, position : "left", cloneToTop : true }, //点击编辑触发的区域 { closeAfterEdit : true, recreateForm : true, width:600, //在表单显示后触发此方法 beforeShowForm:function(formid){ var usernameObj = formid.find('#username'); var leaderuseridObj = formid.find('#leaderuserid'); var useridObj = formid.find('#userid'); var orgidObj = formid.find('#orgid'); var orgnameObj = formid.find('#orgname'); var auditusernameObj = formid.find('#auditusername'); //设置输入框不可编辑和背景色 leaderuseridObj.attr('readOnly',true); leaderuseridObj.css({'background':'#cccccc'}); usernameObj.attr('disabled',true); usernameObj.css({'background':'#cccccc'}); orgidObj.attr('readOnly',true); orgidObj.css({'background':'#cccccc'}); orgnameObj.attr('readOnly',true); orgnameObj.css({'background':'#cccccc'}); auditusernameObj.attr('readOnly',true); auditusernameObj.css({'background':'#cccccc'}); useridObj.attr('readOnly',true); useridObj.css({'background':'#cccccc'}); }, //在提交数据到服务器前触发 beforeSubmit: function(postdata, formid){ //获取组件主键 ID var userid = postdata.tree_id; $.each(postdata,function (index, value) { if(index!="oper"){ modifyJosnKey(postdata,index,"leaderUser."+index); } }) 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) { //保存数据前,加工数据 //获取组件主键 ID var userid = postdata.userid; $.each(postdata,function(index,value){ if(index!="oper"){ modifyJosnKey(postdata,index,"leaderUser."+index); } }) //后台用于判重 postdata["keyid"] = userid; console.log(postdata); return postdata; }, //在表单显示前触发此方法,有一个参数为formid beforeShowForm:function(formid){ var leaderuseridObj = formid.find('#leaderuserid'); var useridObj = formid.find('#userid'); var orgidObj = formid.find('#orgid'); var orgnameObj = formid.find('#orgname'); //设置输入框不可编辑和背景色 leaderuseridObj.attr('readOnly',true); leaderuseridObj.css({'background':'#cccccc'}); orgidObj.attr('readOnly',true); orgidObj.css({'background':'#cccccc'}); orgnameObj.attr('readOnly',true); orgnameObj.css({'background':'#cccccc'}); useridObj.attr('readOnly',true); useridObj.css({'background':'#cccccc'}); }, //在表单显示后触发,有一个参数为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, 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]; } } ); /* jQuery('#tree').jqGrid('bindKeys'); */ }) //获取系统所有用户列表 function getUserOptions() { //动态生成select内容 var str=""; $.ajax({ type:"post", async:false, url:"${ctx}/myconsole/complaint/approve/getUserOptionsList", success:function(data){ if (data != null) { var jsonobj=eval(data); var length=jsonobj.length; for(var i=0;i<length;i++){ if(i!=length-1){ //这里是拼装option里面的 value str+=jsonobj[i].username+":"+jsonobj[i].username+";"; }else{ str+=jsonobj[i].username+":"+jsonobj[i].username; } } } } }); return str; } </script> <title>我的桌面</title> </head> <body> <div class="page-container"> <table id="tree"></table> <div id="pager"></div> </div> <footer class="footer mt-20"> <div class="container"> <p></p> </div> </footer> </body> </html>