<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>选择一级导航分类</title>
|
<!--[if !IE]><!-->
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!--<![endif]-->
|
<!--[if gt IE 8]>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<![endif]-->
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<script type="text/javascript" src="static/scripts/customResize.js"></script>
|
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<style>
|
html, body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="pt-wrap margin-lr" style="height:100%;">
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon"> <i class=" fa fa-cubes"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>一级导航分类列表</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="div_table">
|
<table id="dg_NavClassification" style="width:100%;height:100%;"></table>
|
</div>
|
<div class="pt-form-btn" style="bottom:0px;">
|
<div class="form-group">
|
<button id="btnSave" class="pt-btn pt-btn-primary">确定</button>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//定义页面全局变量
|
var NowSelectedNodeId = 0;
|
var isStatic;
|
var params = {
|
callBack: null
|
};
|
var multiSelect = "${multiSelect}" == "true";
|
|
$(function () {
|
//初始化表格
|
$('#dg_NavClassification').datagrid({
|
url: 'config/navigationClassification/getTopNavClassificationList?moduleId=${moduleId}',
|
fitColumns: true,
|
striped: true,
|
idField: "classificationId",
|
rownumbers: true,
|
pagination: false,
|
checkOnSelect: true,
|
selectOnCheck: true,
|
singleSelect: !multiSelect,
|
columns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
},
|
{
|
field: 'classificationName',
|
title: '导航分类名称',
|
width: 200,
|
align: 'center'
|
},
|
{
|
field: 'classificationType',
|
title: '导航分类类型',
|
width: 300,
|
align: 'center',
|
formatter: function (value) {
|
switch (value) {
|
case "0":
|
return '手动分类';
|
case "1":
|
return '智能分类';
|
}
|
}
|
},
|
{
|
field: 'createTime',
|
title: '创建时间',
|
width: 200,
|
align: 'center'
|
}
|
]]
|
});
|
|
//新增按钮事件
|
$("#btnSave").click(function () {
|
var checkRows = $("#dg_NavClassification").datagrid("getChecked");
|
|
var ids = "";
|
var names = "";
|
$.each(checkRows, function (index, value) {
|
ids += value.classificationId;
|
names += value.classificationName;
|
if (index < checkRows.length - 1) {
|
ids += ",";
|
names += ",";
|
}
|
});
|
|
if (params.opts.layerOpener) {
|
if (params.opts.idElement) {
|
params.opts.layerOpener.$("#" + params.opts.idElement).val(ids);
|
}
|
if (params.opts.nameElement) {
|
params.opts.layerOpener.$("#" + params.opts.nameElement).val(names);
|
}
|
try {
|
params.opts.layerOpener.$("#" + params.opts.idElement).textbox("setValue", ids);
|
} catch (e) {
|
}
|
try {
|
params.opts.layerOpener.$("#" + params.opts.nameElement).textbox("setValue", names);
|
} catch (e) {
|
}
|
}
|
|
if (params.callBack) {
|
params.callBack(checkRows);
|
}
|
|
closeWindow();
|
});
|
|
//关闭按钮事件
|
$("#btnClose").click(function () {
|
closeWindow();
|
});
|
|
new CustomResize({
|
"id": "div_table",
|
"fun": computeHeight
|
});
|
})
|
|
function computeHeight() {
|
var wh = $(window).height();
|
$("#div_table").height(wh - 130);
|
$("#dg_NavClassification").datagrid("resize");
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
