一般都是这种:
$(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);