如何利用zTree插件实现复选框树添加父节点

1、第一步，创建静态页面checkboxtree.html，并引入zTree相关的js和css文件，引入js核心文件，如下图所示：

2、第二步，在body元素内插入div元素，并设置zTree样式，并在div标签元素内插入一个ul标签，设置ul元素的id和class属性，如下图所示：

3、第三步，编写生成zTree复选框树js，并初始化zTree树，根据静态数据生成一个树，如下图所示：

4、第四步，预览该静态页面，页面生成一个树，分为两级树，但是这两级没有一个同根节点，如下图所示：

5、第五步，在初始化函数内，添加zTree根节点，利用addNodes方法，再添加一个节点，如下图所示：

6、第六步，预览页面，发现根节点加到结尾或者开头，但是不是树的总根节点，这样不满足条件，如下图所示：

7、第七步，修改js代码，在树初始化之前将根节点添加到data里，这样就能保证添加的节点可以作为根节点，实现了功能，如下图所示：