Ztree.js的一些设置

Ztree.js的一些设置

 

版权声明：本文为博主原创文章，未经博主允许不得转载。你想转载请附加连接哦 https://blog.csdn.net/dmw412724/article/details/80846587

一般都是这种:

1. $(function() {

2. /**

3. Ztree菜单通用配置

4. */

5. var setting = {

6. data : {

7. simpleData : { // 简单数据

8. enable : true

9. }

10. },

11. callback : {

12. onClick : onClick

13. },

14.  

15. };

如果想让树形菜单前面加上checkbox的选择按钮

1. var setting = {

2. data : {

3. simpleData : { // 简单数据

4. enable : true

5. }

6. },

7. callback : {

8. onClick : onClick

9. },

10. check: {

11. enable : true

12. }

13. };

加上这个check即可.

而请求菜单的json数据是这样.

1. [

2. { "id":"1001", "pId":"100", "name":"菜单管理", "page":"pages/system/menu.html"},

3. { "id":"1002", "pId":"100", "name":"权限管理", "page":"back/role/toRolePage"},

4. { "id":"1003", "pId":"100", "name":"角色管理", "page":"pages/system/role.html"},

5. { "id":"1004", "pId":"100", "name":"用户管理", "page":"pages/system/userindex.html"}

6. ]

如果想让checkbox加载时就被选中,则可以这样,加个checked=true

1. [

2. { "id":"1001", "pId":"100", "name":"菜单管理", "page":"pages/system/menu.html"},

3. { "id":"1002", "pId":"100", "name":"权限管理", "page":"back/role/toRolePage"},

4. { "id":"1003", "pId":"100", "name":"角色管理", "page":"pages/system/role.html"},

5. { "id":"1004", "pId":"100", "name":"用户管理","checked":true, "page":"pages/system/userindex.html"}

6. ]

如果想让父级菜单自动展开,则在父级菜单里加上open=true

如果返回的数据feildName比较特殊,则在setting用自己的映射/

1. var setting = {

2. data : {

3. simpleData : { // 简单数据

4. enable : true,

5. idKey : "id", //id

6. pIdKey : "pid", //父节点的id :pid的名称 ,默认 Pid

7. rootPId : 0 //根节点为空表示最高节点

8. }

9. },

10. check:{

11. enable : true

12. }

13. };

如果想获取ztree根对象是这样的

var treeObj = $.fn.zTree.getZTreeObj("treeMenu");

如果想获得选中的checked的节点,选中的是true,不选中的是false

1. var treeObj = $.fn.zTree.getZTreeObj("treeMenu");

2. var nodes = treeObj.getCheckedNodes(true);