check选项是setting的子属性,和data平级,注意不要放data里面;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="jquery.ztree.all-3.5.min.js"></script>
<link rel="stylesheet" href="zTreeStyle.css"/>
</head>
<body>
<div>
<ul id="treeDemo" class="ztree"></ul>
</div>
<script>
let settingss = {
data: {
simpleData: {
enable: true,
pIdKey: "categoryId",
},
key: {
name: "title",
key: "ASD"
},
},
check: {
enable: true,
nocheckInherit: true,
},
}
var zNodes = [
{
"id": 1,
"name": "",
"title": "用户模块",
"categoryId": null
},
{
"id": 2,
"name": "user:delete",
"title": "删除",
"categoryId": 1
},
{
"id": 3,
"name": "user:get",
"title": "查询",
"categoryId": 1
},
{
"id": 4,
"name": "",
"title": "角色模块",
"categoryId": null
},
{
"id": 5,
"name": "role:delete",
"title": "删除",
"categoryId": 4
},
{
"id": 6,
"name": "role:get",
"title": "查询",
"categoryId": 4
},
{
"id": 7,
"name": "role:add",
"title": "新增",
"categoryId": 4
}
];
zTreeObj = $.fn.zTree.init($("#treeDemo"), settingss, zNodes);
zTreeObj.expandAll(true);
</script>
</body>
</html>