<!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/webinfo/showRelatingInfoData', mtype : "POST", datatype : "json", postData : {'KeyID':'${KeyID}','RelatingInfoID':'${RelatingInfoID}'}, multiselect: true, caption:'已经设置的关联信息列表', prmNames : { //定义表单的主键 // Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 当参数为null时不会被发到服务器端 id: "keyid", oper:"oper", addoper:"add", editoper:"edit", deloper:"del" }, colModel : [ { label : '数据编号', name : 'keyid', key : true, editable: false, hidden:true }, { label : '标题', name : 'title', width : 200, formatter: function (cellvalue, options, rowdata) { var html = "<a href='"+rowdata.url+"' target='_blank' title='"+cellvalue+"' >"+cellvalue+"</a>"; return html; } }, { label : '信息序号', hidden : true, name : 'infoserial', width : 50, },{ label : '发布人', name : 'releasename', width : 50, }, { label : '发布时间', name : 'releasetime', width : 100, }], rownumbers : true,//添加左侧行号 viewrecords : true,//是否在浏览导航栏显示记录总数 rowNum : 10,//每页显示记录数 rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。 autowidth : true, sortname : 'sortID', sortorder : 'asc', height : 'auto', pager : "#jqGridPager", //屏蔽点击任意单元格选中checkbox的问题 beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest('td')[0]), cm = $myGrid.jqGrid('getGridParam', 'colModel'); return (cm[i].name === 'cb'); } }); }); //批量删除选择的相关信息 韩林平2016-11-30 function batchDelete(){ var data = jQuery('#jqGrid').jqGrid('getGridParam','selarrrow'); if(data.length <=0){ layer.msg('请选择要操作的数据',{icon: 5,time:1500}); return false; } $.getJSON("${ctx}/myconsole/webinfo/deleteRelating", { KeyID :'${KeyID}', RelatingInfoID :'${RelatingInfoID}', keyids : data+"" }, function(json){ if(json.status == 'y'){ opener.$("#relatinginfoid").val(json.relatinginfoid); layer.alert(json.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }, function(){window.close();}); }else{ layer.alert(json.message, { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0 }, function(){window.close();}); } }); } </script> <title>我的桌面</title> </head> <body> <div> <div class="page-container"> <div class="cl pd-5 bg-1 bk-gray"> <span class="l"> <a class="btn btn-danger radius deletec" href="javascript:;" onclick="batchDelete()"> <i class="Hui-iconfont"></i> 删除选择的相关信息 </a> </span> </div> <table id="jqGrid"></table> <div id="jqGridPager"></div> </div> </div> </body> </html>