<!DOCTYPE html>
|
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="UTF-8"/>
|
<title></title>
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/css/style.css'}"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/css/bootstrap-extract.css'}"/>
|
<link th:href="@{${pubzyWebRoot} + 'media/css/pagination.css'}" type="text/css" rel="stylesheet"/>
|
<link th:href="@{${pubzyWebRoot} + 'ext-4.2.1.883/resources/css/ext-all-neptune.css'}" rel="stylesheet"
|
type="text/css"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
|
<link href="/js/jqUI/jquery-ui.min.css" rel="stylesheet" type="text/css" />
|
<!-- 表单样式 -->
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/jquery.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/layer/layer.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/tether.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/bootstrap.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'jqPaginator/jqpaginator.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/ext-all.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/locale/ext-lang-zh_CN.js'}"></script>
|
|
<script src="/js/jqUI/jquery-ui.min.js"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<style>
|
body {
|
padding: 0;
|
background-color: white !important;
|
}
|
.pagination > li {
|
display: inline;
|
}
|
|
#tbSet th, td {
|
white-space: nowrap;
|
text-align: center !important;
|
}
|
.ui-widget-content.ui-widget {
|
max-height: 280px;
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
</style>
|
<script th:inline="javascript">
|
var zTree;
|
var catlogid = [[${catlogid}]];
|
jQuery(function() {
|
initZtree();
|
})
|
|
//加载目录树
|
function initZtree() {
|
var selectids = $("#selectids").val();
|
var data = {
|
title: $("#title").val(),
|
resourceclass:[[${resourceclass}]],
|
catlogid:catlogid
|
}
|
/**
|
* zTree配置
|
*/
|
var setting = {
|
view: {
|
selectedMulti: false,
|
showTitle : true
|
},
|
check: {
|
enable: true,
|
chkStyle: "checkbox",
|
},
|
data: {
|
simpleData: {
|
enable: true
|
},
|
key: {
|
title:"title"//1 json中要有一个key是 title就可以了
|
},
|
},
|
async: {
|
enable: true,
|
url: "/res/ResTheme/selectKongJianFuWuTree",
|
autoParam: ["id=parentid"],
|
otherParam:data
|
},
|
callback: {
|
}
|
};
|
var zNodes = {
|
id: 0,
|
name: "资源目录",
|
pId: -1,
|
isParent: true,
|
title:"",
|
iconOpen:'/image/classicons/folderOpen.png',iconClose:'/image/classicons/folder.png'
|
};
|
zTree = $.fn.zTree.init($("#menuTree"), setting, zNodes); //初始化zTree
|
zTree.reAsyncChildNodes(zTree.getNodes()[0], "refresh", false); //强行异步加载父节点的子节点。
|
}
|
|
//保存资源
|
function SaveSelectZY(){
|
var nodes = zTree.getCheckedNodes();
|
var idStr = "";
|
for(var i = 0; i < nodes.length; i++) {
|
if(nodes[i].isParent == false) {
|
if(idStr != "") idStr+= ",";
|
idStr += nodes[i].id.replace("ZiYuan_","");
|
}
|
}
|
if(idStr == ""){
|
alert("请选择资源！");
|
return false;
|
}
|
$.ajax({
|
type: 'post',
|
url: '/res/OnemapCatalog/insertCatalogResource',
|
data: {
|
ids: idStr,
|
catlogid:catlogid
|
},
|
success: function (data) {
|
alert(data);
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
parent.initTree(1);
|
//window.location = window.location;
|
},
|
error: function (data) {
|
alert("未知错误");
|
window.location = window.location;
|
}
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div id="rapp">
|
<div>
|
<div class='my-ztree' style="height: 350px;overflow-y:auto;border-top: 1px solid #f5f5f5;">
|
<ul id='menuTree' class='ztree'></ul>
|
</div>
|
<div style="float:right;margin-right:20px;">
|
<a class="btn btn-primary-outline" onclick="SaveSelectZY();">保存</a>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
