<!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 th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<script src="/js/jqUI/jquery-ui.min.js"></script>
|
<!--<script src="/js/Extjs/ZiTuCengSheZhi.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">
|
|
jQuery(function() {
|
initZtree();
|
})
|
|
//加载目录树
|
function initZtree() {
|
var selectids = $("#selectids").val();
|
var data = {
|
title: $("#title").val()
|
}
|
/**
|
* zTree配置
|
*/
|
var setting = {
|
view: {
|
selectedMulti: false,
|
showTitle : true
|
},
|
check: {
|
enable: false
|
},
|
data: {
|
simpleData: {
|
enable: true
|
},
|
key: {
|
title:"title"//1 json中要有一个key是 title就可以了
|
},
|
},
|
async: {
|
enable: true,
|
url: "/res/ResManage/ResRegister/selectBusinessLayerTree?selectids=" + selectids,
|
autoParam: ["id=parentid"],
|
otherParam:data
|
},
|
callback: {
|
onClick: ztreeonClick
|
}
|
};
|
var zNodes = {
|
id: 0,
|
name: "资源目录",
|
pId: -1,
|
isParent: true,
|
title:"",
|
iconOpen:"/image/classicons/folderOpen.png",//update：dsh(2018/12/05)
|
iconClose:"/image/classicons/folder.png"
|
};
|
var treeObj = $.fn.zTree.init($("#menuTree"), setting, zNodes); //初始化zTree
|
treeObj.reAsyncChildNodes(treeObj.getNodes()[0], "refresh", false); //强行异步加载父节点的子节点。
|
}
|
//树点击事件
|
function ztreeonClick(event, treeId, treeNode, clickFlag){
|
if(treeNode.isParent == false && treeNode.id.indexOf("_") != -1){
|
var id = treeNode.id.split('_')[1];
|
var name = treeNode.name;
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
var sublayerset = parent.$("#sublayerset").val();
|
if(sublayerset != "") {
|
sublayerset += ",";
|
sublayerset += id;
|
}
|
else {
|
sublayerset = id;
|
}
|
parent.$('#sublayerset').val(sublayerset);
|
var selectList = new Map();
|
selectList.set(id,name);
|
parent.showModuleName(1,selectList);
|
parent.layer.close(index);
|
}
|
}
|
</script>
|
|
<script>
|
function findPinyinByKeyWord(){
|
var title = $("#title").val();
|
var selectids = $("#selectids").val();
|
$("#title").autocomplete({
|
source: '/res/businessLayerTree/findPinyinByKeyWord?keyWord='+encodeURI(encodeURI(title)) + '&selectids='+selectids, //请求的url
|
minLength: 1
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div id="rapp">
|
<div>
|
<div class="panel panel-default">
|
<!--<div class="panel-heading" style="background-color: #b1d1fd;">-->
|
<!--<i class="fa fa-reorder"></i>查询区-->
|
<!--</div>-->
|
<div class="panel-body SearchBox">
|
<form id="SearchForm">
|
<div class="row">
|
<div class="col-sm-8 DivHeight">
|
<label class="control-label">资源名称</label>
|
<div class="controls">
|
<input type="text" class="form-control" id="title" name="title" onkeyup="findPinyinByKeyWord()" onclick="findPinyinByKeyWord()" placeholder="输入资源名称或拼音首字母查询"/>
|
</div>
|
</div>
|
<input type="hidden" id="selectids" name="selectids" th:value="${selectids}">
|
|
<a class="btn btn-primary-outline" onclick="initZtree();" style="height: 33px;"><i class="fa fa-search"></i> 查询</a>
|
<!--<a class="btn btn-primary-outline" onclick="Clear();"><i class="fa fa-trash-o"></i> 清除</a>-->
|
<!--<a class="btn btn-primary-outline" onclick="Add();"><i class="fa fa-plus"></i> 确定</a>-->
|
</div>
|
</form>
|
</div>
|
</div>
|
<!--<div id="grid" style="width: 100%"></div>-->
|
|
<div class='my-ztree' style="height: 350px;overflow-y:auto;border-top: 1px solid #f5f5f5;">
|
<ul id='menuTree' class='ztree'></ul>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
