<!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 th:href="@{${pubzyWebRoot} + 'media/css/pagination.css'}" type="text/css" rel="stylesheet"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.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 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} + 'media/js/winPro.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/openresource.js"></script>
|
<style>
|
.pagination > li {
|
display: inline;
|
}
|
|
#tbSet th, td {
|
white-space: nowrap;
|
text-align: center !important;
|
}
|
.ztree *{
|
font-size: 14px;
|
}
|
|
.x-grid-view {
|
overflow: hidden !important;
|
}
|
|
.x-body{
|
overflow: hidden;
|
}
|
|
.ui-widget-content.ui-widget {
|
max-height: 280px;
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
</style>
|
<script th:inline="javascript">
|
jQuery(function() {
|
initZtree();
|
})
|
//清除
|
function clear() {
|
document.getElementById("SearchForm").reset();
|
}
|
|
//加载目录树
|
function initZtree() {
|
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/ResThemeModule/getSelectZiYuan?type=1",
|
autoParam: ["id=parentid"],
|
otherParam:data
|
},
|
callback: {
|
onClick: ztreeonClick
|
}
|
};
|
var zNodes = {
|
id: 0,
|
name: "资源目录",
|
pId: -1,
|
isParent: true,
|
title:"",
|
iconOpen:"/image/classicons/folderOpen.png",
|
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); //获取窗口索引
|
parent.$('#panelresid').val(id);
|
parent.$('#panelresname').val(name);
|
parent.layer.close(index);
|
}
|
}
|
</script>
|
|
<script>
|
function findPinyinByKeyWord(){
|
var title = $("#title").val();
|
|
$("#title").autocomplete({
|
source: '/res/ResThemeModule/findPinyinByKeyWord?keyWord='+encodeURI(encodeURI(title)) + "&type=1", //请求的url
|
minLength: 1
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div>
|
<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-10 DivHeight" style="width: 75%;">
|
<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>
|
<!--</div>-->
|
<!--<div class="row" style="display:block;">-->
|
<!--<div class="col-sm-2 DivHeight">-->
|
<a class="btn btn-primary-outline" style="height: 35px;" onclick="initZtree();"><i class="fa fa-search"></i> 查询</a>
|
<!--<a class="btn btn-primary-outline" onclick="clear();"><i class="fa fa-trash-o"></i> 清除</a>-->
|
<!--</div>-->
|
</div>
|
</form>
|
</div>
|
<div class='my-ztree' style="height: 320px;overflow-y:auto;border-top: 1px solid #f5f5f5;">
|
<ul id='menuTree' class='ztree'></ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
