zTree使用

生成树状图的前端组件

使用

1
<ul id="treeConfig" class="ztree"></ul>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// zTree配置
var setting = {
check:{
enable:true
},
data: {
simpleData: {
enable: true,
idKey: "typeId",
pIdKey:"typeFid",
rootPId: 0
},
key:{
name:"typeName",
}
}
};

// zTree函数
function zTree(){
data = [
{id:1, pId:0, name: "父节点1"},
{id:11, pId:1, name: "子节点1"},
{id:12, pId:1, name: "子节点2"}
];
var treeObj = $.fn.zTree.init($("#treeConfig"), setting, tableData);
treeObj.expandAll(true);
}

相关文章

JavaScript基础

JavaScript高级

Jquery基础

Jquery高级

Bootstrap

Ajax和Json

DataTables

Sweetalert2

Vue

前端模块化