项目目录
This commit is contained in:
Jimmy
parent
943d271080
commit
c9f3d6453e
@ -40,7 +40,8 @@
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
},{
|
||||
},
|
||||
{
|
||||
"title": "图样管理",
|
||||
"href": "",
|
||||
"icon": "fa fa-folder-open",
|
||||
@ -51,6 +52,12 @@
|
||||
"href": "page/Graphic/GalleryInformation/GalleryInformationList.html",
|
||||
"icon": "fa fa-file-text-o",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "测试",
|
||||
"href": "page/Graphic/PatternManager/PatternTreeList.html",
|
||||
"icon": "fa fa-file-text-o",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
316
Pages/page/Graphic/PatternManager/PatternTreeList.html
Normal file
316
Pages/page/Graphic/PatternManager/PatternTreeList.html
Normal file
@ -0,0 +1,316 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>layui</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../../../css/public.css" media="all">
|
||||
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||||
<script src="../../../js/md5/md5.js" charset="utf-8"></script>
|
||||
<script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
|
||||
<style>
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body layuimini-all">
|
||||
<div class="layui-layout layui-layout-admin" style="width: 20%;height: 100%; float: left;">
|
||||
<div class="layui-btn-container">
|
||||
<button type="button" class="layui-btn layui-btn-sm" lay-demo="addProject">新增项目</button>
|
||||
</div>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 0;">
|
||||
<legend>项目目录</legend>
|
||||
</fieldset>
|
||||
<div id="test2" class="demo-tree"></div>
|
||||
</div>
|
||||
<div style="width: 79%;height: 100%;float: right;border:1px solid #ccc;">
|
||||
<iframe src="layout-admin.html-from=demo.htm" tppabs="http://www.layui.com/demo/layout-admin.html?from=demo"
|
||||
frameborder="0" id="demoAdmin" style="width: 100%; height:1000px; border-radius: 2px;"></iframe>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['tree', 'util'], function () {
|
||||
var tree = layui.tree
|
||||
, layer = layui.layer
|
||||
, util = layui.util
|
||||
|
||||
//模拟数据
|
||||
, data = [{
|
||||
title: '一级1'
|
||||
, id: 1
|
||||
, field: 'name1'
|
||||
, checked: true
|
||||
, spread: true
|
||||
, children: [{
|
||||
title: '二级1-1 可允许跳转'
|
||||
, id: 3
|
||||
, field: 'name11'
|
||||
, href: 'https://www.layui.com/'
|
||||
, children: [{
|
||||
title: '三级1-1-3'
|
||||
, id: 23
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '四级1-1-3-1'
|
||||
, id: 24
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '五级1-1-3-1-1'
|
||||
, id: 30
|
||||
, field: ''
|
||||
}, {
|
||||
title: '五级1-1-3-1-2'
|
||||
, id: 31
|
||||
, field: ''
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
title: '三级1-1-1'
|
||||
, id: 7
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '四级1-1-1-1 可允许跳转'
|
||||
, id: 15
|
||||
, field: ''
|
||||
, href: 'https://www.layui.com/doc/'
|
||||
}]
|
||||
}, {
|
||||
title: '三级1-1-2'
|
||||
, id: 8
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '四级1-1-2-1'
|
||||
, id: 32
|
||||
, field: ''
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
title: '二级1-2'
|
||||
, id: 4
|
||||
, spread: true
|
||||
, children: [{
|
||||
title: '三级1-2-1'
|
||||
, id: 9
|
||||
, field: ''
|
||||
, disabled: true
|
||||
}, {
|
||||
title: '三级1-2-2'
|
||||
, id: 10
|
||||
, field: ''
|
||||
}]
|
||||
}, {
|
||||
title: '二级1-3'
|
||||
, id: 20
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '三级1-3-1'
|
||||
, id: 21
|
||||
, field: ''
|
||||
}, {
|
||||
title: '三级1-3-2'
|
||||
, id: 22
|
||||
, field: ''
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
title: '一级2'
|
||||
, id: 2
|
||||
, field: ''
|
||||
, spread: true
|
||||
, children: [{
|
||||
title: '二级2-1'
|
||||
, id: 5
|
||||
, field: ''
|
||||
, spread: true
|
||||
, children: [{
|
||||
title: '三级2-1-1'
|
||||
, id: 11
|
||||
, field: ''
|
||||
}, {
|
||||
title: '三级2-1-2'
|
||||
, id: 12
|
||||
, field: ''
|
||||
}]
|
||||
}, {
|
||||
title: '二级2-2'
|
||||
, id: 6
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '三级2-2-1'
|
||||
, id: 13
|
||||
, field: ''
|
||||
}, {
|
||||
title: '三级2-2-2'
|
||||
, id: 14
|
||||
, field: ''
|
||||
, disabled: true
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
title: '一级3'
|
||||
, id: 16
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '二级3-1'
|
||||
, id: 17
|
||||
, field: ''
|
||||
, fixed: true
|
||||
, children: [{
|
||||
title: '三级3-1-1'
|
||||
, id: 18
|
||||
, field: ''
|
||||
}, {
|
||||
title: '三级3-1-2'
|
||||
, id: 19
|
||||
, field: ''
|
||||
}]
|
||||
}, {
|
||||
title: '二级3-2'
|
||||
, id: 27
|
||||
, field: ''
|
||||
, children: [{
|
||||
title: '三级3-2-1'
|
||||
, id: 28
|
||||
, field: ''
|
||||
}, {
|
||||
title: '三级3-2-2'
|
||||
, id: 29
|
||||
, field: ''
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
|
||||
//模拟数据1
|
||||
, data1 = [{
|
||||
title: '江西'
|
||||
, id: 1
|
||||
, children: [{
|
||||
title: '南昌'
|
||||
, id: 1000
|
||||
, children: [{
|
||||
title: '青山湖区'
|
||||
, id: 10001
|
||||
}, {
|
||||
title: '高新区'
|
||||
, id: 10002
|
||||
}]
|
||||
}, {
|
||||
title: '九江'
|
||||
, id: 1001
|
||||
}, {
|
||||
title: '赣州'
|
||||
, id: 1002
|
||||
}]
|
||||
}, {
|
||||
title: '广西'
|
||||
, id: 2
|
||||
, children: [{
|
||||
title: '南宁'
|
||||
, id: 2000
|
||||
}, {
|
||||
title: '桂林'
|
||||
, id: 2001
|
||||
}]
|
||||
}, {
|
||||
title: '陕西'
|
||||
, id: 3
|
||||
, children: [{
|
||||
title: '西安'
|
||||
, id: 3000
|
||||
}, {
|
||||
title: '延安'
|
||||
, id: 3001
|
||||
}]
|
||||
}]
|
||||
|
||||
//模拟数据2
|
||||
, data2 = [{
|
||||
title: '早餐'
|
||||
, id: 1
|
||||
, children: [{
|
||||
title: '油条'
|
||||
, id: 5
|
||||
}, {
|
||||
title: '包子'
|
||||
, id: 6
|
||||
}, {
|
||||
title: '豆浆'
|
||||
, id: 7
|
||||
}]
|
||||
}, {
|
||||
title: '午餐'
|
||||
, id: 2
|
||||
, checked: true
|
||||
, children: [{
|
||||
title: '藜蒿炒腊肉'
|
||||
, id: 8
|
||||
}, {
|
||||
title: '西湖醋鱼'
|
||||
, id: 9
|
||||
}, {
|
||||
title: '小白菜'
|
||||
, id: 10
|
||||
}, {
|
||||
title: '海带排骨汤'
|
||||
, id: 11
|
||||
}]
|
||||
}, {
|
||||
title: '晚餐'
|
||||
, id: 3
|
||||
, children: [{
|
||||
title: '红烧肉'
|
||||
, id: 12
|
||||
, fixed: true
|
||||
}, {
|
||||
title: '番茄炒蛋'
|
||||
, id: 13
|
||||
}]
|
||||
}, {
|
||||
title: '夜宵'
|
||||
, id: 4
|
||||
, children: [{
|
||||
title: '小龙虾'
|
||||
, id: 14
|
||||
, checked: true
|
||||
}, {
|
||||
title: '香辣蟹'
|
||||
, id: 15
|
||||
, disabled: true
|
||||
}, {
|
||||
title: '烤鱿鱼'
|
||||
, id: 16
|
||||
}]
|
||||
}];
|
||||
|
||||
//按钮事件
|
||||
util.event('lay-demo', {
|
||||
addProject: function (othis) {
|
||||
var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
|
||||
|
||||
layer.alert(JSON.stringify(checkedData), { shade: 0 });
|
||||
console.log(checkedData);
|
||||
}
|
||||
});
|
||||
|
||||
//仅节点左侧图标控制收缩
|
||||
tree.render({
|
||||
elem: '#test2'
|
||||
, data: data2
|
||||
, onlyIconControl: true //是否仅允许节点左侧图标控制展开收缩
|
||||
, click: function (obj) {
|
||||
layer.msg(JSON.stringify(obj.data));
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user