如何利用EasyUI框架的Tree控件设计复选框树

1、第一步，在创建的web项目新建静态页面，并将EasyUI核心CSS和JavaScript文竭惮蚕斗件，注意文件引入的先后顺序，具体如下图所示：

2、第二步，在body插入树形结构数据，设置树容器ID，这里利用的是树的种类来作为树的数据源，如下图所示：

3、第三步，为了使单选树改成复选树，需要设置tree的属性checkbox为true，表示可以多选，如下图所示：

4、第四步，在tree控件下方插入一个按钮，使用点击事件用于获取tree控件选中的文本内容，如下图所示：

5、第五步，下面编写按钮点击事件，获取tree控件选中的节点，并遍历选中树节点打印出节点内容，如下图所示：

6、第六步，预览静态页面，点击“选取选中值”按钮，这时会在浏览器下方打印出选中的树节点值，如下图所示：