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.
68 lines
2.5 KiB
68 lines
2.5 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.8.6/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="/static/css/public.css" media="all">
|
|
</head>
|
|
<body>
|
|
<input id="mname" name="mname" th:value="${mname}" style="display: none">
|
|
<input id="type" name="type" th:value="${type}" style="display: none">
|
|
<input id="clickObj" name="clickObj" th:value="${clickObj}" style="display: none">
|
|
<div id="test2" class="demo-tree"></div>
|
|
<script src="/static/lib/layui-v2.8.6/layui.js" charset="utf-8"></script>
|
|
<script>
|
|
var data;
|
|
layui.use(['form', 'layer', 'dropdown', 'tree'], function () {
|
|
var $ = layui.jquery,
|
|
tree = layui.tree;
|
|
var mname = $("#mname").val();
|
|
var type = $("#type").val();
|
|
var clickObj = $("#clickObj").val();
|
|
var req = {};
|
|
req.mname = mname;
|
|
req.type = type;
|
|
test = tree.render({
|
|
elem: '#test2'
|
|
, data: []
|
|
, click: function (obj) {
|
|
if (obj.data.children !== undefined) {
|
|
return false
|
|
}
|
|
var windowParent = $("#"+clickObj,window.parent.document)[0];
|
|
var children = windowParent.childNodes[5];
|
|
var materialItem = children.childNodes[3].childNodes[1].childNodes;
|
|
var materialName = materialItem[1];
|
|
var materialId = materialName.parentNode.parentNode.childNodes[3];
|
|
materialName.value = obj.data.title;
|
|
materialId.value = obj.data.id;
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
url: "/material/treeMenus",
|
|
data: JSON.stringify(req),
|
|
type: 'post',
|
|
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>
|