parent
4cdbc76b0f
commit
0d4f41f516
@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
</head>
|
||||
<body>
|
||||
我是右边的页面！
|
||||
</body>
|
||||
</html>
|
||||
@ -1,63 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<TITLE>左侧导航树</TITLE>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<TITLE>维护学习目录结构</TITLE>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<!--引入css和js-->
|
||||
<link rel="stylesheet" href="../../js/zTree/css/demo.css" type="text/css">
|
||||
<link rel="stylesheet" href="../../js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
|
||||
<script type="text/javascript" src="../../js/zTree/jquery-1.4.4.min.js"></script>
|
||||
<script type="text/javascript" src="../../js/zTree/jquery.ztree.core.js"></script>
|
||||
<script type="text/javascript" src="../../js/zTree/jquery.ztree.excheck.js"></script>
|
||||
<script type="text/javascript" src="../../js/zTree/jquery.ztree.exedit.js"></script>
|
||||
<script type="text/javascript">
|
||||
var zTreeObj;
|
||||
//ztree使用简单json数据
|
||||
var setting = {
|
||||
<script src="../lib/layui/layui.js"></script>
|
||||
<script src="../lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="../lib/ztree/jquery.ztree.core-3.5.min.js"></script>
|
||||
<script src="../lib/ztree/jquery.ztree.exedit-3.5.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="../static/css/font.css">
|
||||
<link rel="stylesheet" href="../static/css/weadmin.css">
|
||||
<link rel="stylesheet" href="../lib/ztree/zTreeStyle.css">
|
||||
<style>
|
||||
.ztree li span.button.add {
|
||||
margin-left: 2px;
|
||||
margin-right: -1px;
|
||||
background-position: -144px 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul id="tree" class="ztree"></ul>
|
||||
<script type="text/javascript">
|
||||
layui.extend({
|
||||
admin: '{/}../static/js/admin'
|
||||
});
|
||||
layui.use(['jquery', 'admin', 'layer'], function () {
|
||||
let $ = layui.jquery,
|
||||
admin = layui.admin,
|
||||
layer = layui.layer;
|
||||
let zTreeObj;
|
||||
let setting = {
|
||||
data: {
|
||||
simpleData: {
|
||||
enable: true
|
||||
}
|
||||
}
|
||||
};
|
||||
var zNodes = [
|
||||
{id: 1, pId: 0, name: "父节点1 - 展开", open: true},
|
||||
{id: 11, pId: 1, name: "父节点11 - 折叠"},
|
||||
{id: 111, pId: 11, name: "叶子节点111", url: "../login.html", target: "iframeContent"},
|
||||
{id: 112, pId: 11, name: "叶子节点112"},
|
||||
{id: 113, pId: 11, name: "叶子节点113"},
|
||||
{id: 114, pId: 11, name: "叶子节点114"},
|
||||
{id: 12, pId: 1, name: "父节点12 - 折叠"},
|
||||
{id: 121, pId: 12, name: "叶子节点121"},
|
||||
{id: 122, pId: 12, name: "叶子节点122"},
|
||||
{id: 123, pId: 12, name: "叶子节点123"},
|
||||
{id: 124, pId: 12, name: "叶子节点124"},
|
||||
{id: 13, pId: 1, name: "父节点13 - 没有子节点", isParent: true},
|
||||
{id: 2, pId: 0, name: "父节点2 - 折叠"},
|
||||
{id: 21, pId: 2, name: "父节点21 - 展开", open: true},
|
||||
{id: 211, pId: 21, name: "叶子节点211"},
|
||||
{id: 212, pId: 21, name: "叶子节点212"},
|
||||
{id: 213, pId: 21, name: "叶子节点213"},
|
||||
{id: 214, pId: 21, name: "叶子节点214"},
|
||||
{id: 22, pId: 2, name: "父节点22 - 折叠"},
|
||||
{id: 221, pId: 22, name: "叶子节点221"},
|
||||
{id: 222, pId: 22, name: "叶子节点222"},
|
||||
{id: 223, pId: 22, name: "叶子节点223"},
|
||||
{id: 224, pId: 22, name: "叶子节点224"},
|
||||
{id: 23, pId: 2, name: "父节点23 - 折叠"},
|
||||
{id: 231, pId: 23, name: "叶子节点231"},
|
||||
{id: 232, pId: 23, name: "叶子节点232"},
|
||||
{id: 233, pId: 23, name: "叶子节点233"},
|
||||
{id: 234, pId: 23, name: "叶子节点234"},
|
||||
{id: 3, pId: 0, name: "父节点3 - 没有子节点", isParent: true}
|
||||
];
|
||||
$(document).ready(function () {
|
||||
zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<ul id="tree" class="ztree"></ul>
|
||||
},
|
||||
}
|
||||
window.loadTree = function () {
|
||||
let zNodes = [];
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
async: false,
|
||||
url: '/FengHuang/zjb/getTreeData',
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
//修改一下数据源
|
||||
for (let v in data) {
|
||||
if (data[v]["level_id"] == 2) {
|
||||
data[v]["target"] = "iframeContent";
|
||||
data[v]["url"] = "documentList.html?task_id=" + data[v]["id"];
|
||||
console.log(data[v]);
|
||||
}
|
||||
}
|
||||
zNodes = data;
|
||||
zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
|
||||
}
|
||||
})
|
||||
}
|
||||
loadTree();
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue