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.
85 lines
2.7 KiB
85 lines
2.7 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>
|
|
<input id="gname" name="gname" th:value="${gname}" style="display: none">
|
|
<input id="clickObj" name="clickObj" th:value="${clickObj}" style="display: none">
|
|
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
|
<script>
|
|
layui.use(['form', 'layer', 'dropdown', 'tree'], function () {
|
|
var $ = layui.jquery,
|
|
tree = layui.tree;
|
|
var gname = $("#gname").val();
|
|
var clickObj = $("#clickObj").val();
|
|
|
|
|
|
|
|
// 用于暂存当前查询结果
|
|
var tempData = [];
|
|
var req = {};
|
|
req.gname = gname;
|
|
var test = tree.render({
|
|
elem: '#test2'
|
|
, data: []
|
|
, click: function (obj) {
|
|
let data = obj.data;
|
|
if(data.children === undefined){
|
|
return false;
|
|
}else{
|
|
var windowParent = $("#"+clickObj,window.parent.document)[0];
|
|
var parentId = windowParent.id;
|
|
// 获取对应元素
|
|
var pid = Number(windowParent.id.split("cardItemForGroup")[1]);
|
|
|
|
// 获取当前卡片中的组合名称等
|
|
let gnameParent = windowParent.childNodes[5].childNodes[3];
|
|
|
|
// 组合编码
|
|
let gcodeItem = windowParent.childNodes[7].childNodes[3].childNodes[1].childNodes[1];
|
|
|
|
|
|
// gid
|
|
let gidItem = gnameParent.childNodes[3];
|
|
|
|
// gname
|
|
let gnameItem = gnameParent.childNodes[1].childNodes[1];
|
|
|
|
gnameItem.value = data.title;
|
|
gidItem.value = data.id;
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
$.ajax({
|
|
url: "/group/treeMenus",
|
|
data: JSON.stringify(req),
|
|
type: 'post',
|
|
dataType: 'json',
|
|
contentType: "application/json;charset=utf-8",
|
|
success: function (d) {
|
|
tempData = d.data;
|
|
test.reload({
|
|
data: tempData
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|