<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>树组件</title>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="globaljs/global.js" type="text/javascript" charset="UTF-8"></script>
<script src="layui/layui.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="test1"></div>
<script src="layui/layui.js"></script>
<script>
layui.use(['tree'], function() {
let tree = layui.tree;
let $ = layui.$;
let url = globalData.server + "GetAllModuleLayUI"
$.post(url, {
token: globalData.myToken
},
function(result) {
console.log(result);
tree.render({
elem: '#test1' //绑定元素
,
data:result,
id: 'demo1',
parseData: function(res) {
return {
"value": res.id //数据值
,
"title": res.title //数据标题
,
"disabled": res.disabled //是否禁用
,
"checked": res.checked //是否选中
}
}
});
},
"json")
})
</script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------