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.
65 lines
2.6 KiB
65 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();
|
|
if(name === undefined||name === null||name === ""){
|
|
$("#departmentManager",window.parent.document).val(data.title);
|
|
}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>
|