You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.6 KiB
66 lines
2.6 KiB
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<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="/static/lib/layui-v2.6.3/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="/static/css/public.css" media="all">
|
|
</head>
|
|
<body>
|
|
<div id="test2" class="demo-tree"></div>
|
|
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
|
<script>
|
|
var data;
|
|
layui.use(['form', 'layer', 'dropdown', 'tree'], function () {
|
|
var $ = layui.jquery,
|
|
tree = layui.tree,
|
|
test = tree.render({
|
|
elem: '#test2'
|
|
, data: []
|
|
, onlyIconControl: false //是否仅允许节点左侧图标控制展开收缩
|
|
, click: function (obj) {
|
|
var data = obj.data;
|
|
if (data.children !== undefined) {
|
|
return false;
|
|
}
|
|
var name = $("#departmentManager", window.parent.document).val();
|
|
|
|
var id = $("#departmentManagerId", window.parent.document).val();
|
|
$("#departmentManager", window.parent.document).val(data.title);
|
|
// if (name === undefined || name === null || name === "") {
|
|
// } else {
|
|
// $("#departmentManager", window.parent.document).val(name + data.title);
|
|
// }
|
|
if (id === undefined || id === null || id === "") {
|
|
$("#departmentManagerId", window.parent.document).val(data.id + ",");
|
|
} else {
|
|
$("#departmentManagerId", window.parent.document).val(id + data.id + ",");
|
|
}
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
|
|
}
|
|
});
|
|
$.ajax({
|
|
url: "/company/treeMenus",
|
|
type: 'get',
|
|
dataType: 'json',
|
|
contentType: "application/json;charset=utf-8",
|
|
beforeSend: function () {
|
|
this.layerIndex = layer.load(0, {shade: [0.5, '#393D49']});
|
|
},
|
|
success: function (d) {
|
|
layer.close(this.layerIndex);
|
|
var data2 = d.data;
|
|
test.reload({
|
|
data: data2
|
|
});
|
|
}
|
|
});
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|