<ul id="treeDemo" class="ztree"></ul>
<script type="text/javascript">
var setting = {
isSimpleData : true,
showLine : true,
checkable : true,
data:{
key:{
name:"RoleName"
},
simpleData:{
treeNodeKey : "Parentid",
treeNodeParentKey : "Code" ,
rootPId:0
}
}
};
$(function(){
var treeNodes = [
{"Parentid":1, "Code":0, "RoleName":"test1"},
{"Parentid":11, "Code":1, "RoleName":"test11"},
{"Parentid":12, "Code":1, "RoleName":"test12"},
{"Parentid":111, "Code":11, "RoleName":"test111"},
];
$.fn.zTree.init($("#treeDemo"), setting, treeNodes);
});
</script>
最后变成这样:
看不到你发的图,直接说你三个配置有误的地方。
主要是:
simpleData:{
treeNodeKey : "Parentid",
treeNodeParentKey : "Code" ,
rootPId:0
}
正确的应该是:
simpleData:{
enable:true,/*需要启用*/
idKey : "Parentid", /*注意属性名称*/
pIdKey : "Code" , /*注意属性名称*/
rootPId:0
}