Ztree.js的一些设置

一般都是这种:

$(function() {
				/** 
				   Ztree菜单通用配置 
				*/
				var setting = {
					data : {
						simpleData : { // 简单数据 
							enable : true
						}
					},
					callback : {
						onClick : onClick
					},
					
				};

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

var setting = {
					data : {
						simpleData : { // 简单数据 
							enable : true
						}
					},
					callback : {
						onClick : onClick
					},
					check: {
						enable : true
					}
				};

加上这个check即可.

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

[
		{ "id":"1001", "pId":"100", "name":"菜单管理", "page":"pages/system/menu.html"},
		{ "id":"1002", "pId":"100", "name":"权限管理", "page":"back/role/toRolePage"},
		{ "id":"1003", "pId":"100", "name":"角色管理", "page":"pages/system/role.html"},
		{ "id":"1004", "pId":"100", "name":"用户管理", "page":"pages/system/userindex.html"}
]

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

[
		{ "id":"1001", "pId":"100", "name":"菜单管理", "page":"pages/system/menu.html"},
		{ "id":"1002", "pId":"100", "name":"权限管理", "page":"back/role/toRolePage"},
		{ "id":"1003", "pId":"100", "name":"角色管理", "page":"pages/system/role.html"},
		{ "id":"1004", "pId":"100", "name":"用户管理","checked":true, "page":"pages/system/userindex.html"}
]

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

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

var setting = {
							data : {
								simpleData : { // 简单数据 
									enable : true,
									idKey : "id", //id
									pIdKey : "pid", //父节点的id :pid的名称 ,默认 Pid
									rootPId : 0 //根节点为空表示最高节点
								}
							},
							check:{
								enable : true
							}
						};

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

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

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

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

猜你喜欢

转载自blog.csdn.net/dmw412724/article/details/80846587
今日推荐