Javascript 如何在动态树视图中加载我的数据?
我正在开发一个web应用程序,我正在使用dynatree作为结构Javascript 如何在动态树视图中加载我的数据?,javascript,jquery,ajax,json,dynatree,Javascript,Jquery,Ajax,Json,Dynatree,我正在开发一个web应用程序,我正在使用dynatree作为结构 EX: Node 1 + Node 1.1 + Node 1.1.1 + Node 1.1.2 + Node 1.1.3 我想在其中添加子节点(+node 1.1.3.1),如 Node 1 + Node 1.1 + Node 1.1.1 + Node 1.1.2 + Node 1.1.3 + Node 1.1.3.1 我得到了json格式的数据,代码如下 var
EX:
Node 1
+ Node 1.1
+ Node 1.1.1
+ Node 1.1.2
+ Node 1.1.3
我想在其中添加子节点(+node 1.1.3.1),如
Node 1
+ Node 1.1
+ Node 1.1.1
+ Node 1.1.2
+ Node 1.1.3
+ Node 1.1.3.1
我得到了json格式的数据,代码如下
var treeData = [];
var selKeys=[];
var key=0;
$(function(){
//alert(roleName);
$("#tree2").dynatree({
checkbox: true,
selectMode: 3,
children: treeData,
minExpandLevel: 2
});
$.ajax({
url: "http://localhost:8080/collection-ui/api/permissions/findall",
success: function( treeData ) {
var tree = $("#tree2").dynatree("getTree");
var rootNode = $("#tree2").dynatree("getRoot");
var TopRoot = rootNode.addChild({
title: 'Select All',
tooltip:'Select All'
});
$.each(treeData, function(key, val){
var ParentId = val['parentId'];
if(ParentId == 0)
{
key=val['permissionId'];
var childNode = TopRoot.addChild({
key: val['permissionId'],
title: val['permissionName'],
tooltip:val['permissionName']
});
}else{
var node = tree.getNodeByKey("ParentId");
node.addChild({
key: val['permissionId'],
title: val['permissionName']
tooltip:val['permissionName']
});
}
});
}
}) ;
但是我代码中的其他部分工作不正常。有什么错误吗?当我运行这个程序时,它会显示“node is null”(节点为空),请随时提供帮助…您在这里忘记了一个逗号
title: val['permissionName']
tooltip:val['permissionName']
应该是
title: val['permissionName'],
tooltip:val['permissionName']
非常感谢。但是在纠正它之后,我仍然有一些问题,那就是…它显示“node is null”| node.addChild({Plz help me)我认为这是
树。getNodeByKey(“ParentId”)
应该是这样的树。getNodeByKey(ParentId)
不应该吗?也尝试过了,但没有改变…与“node is null”相同的错误请允许我需要你的帮助…好吧,我不想让人讨厌,但是你的代码有点乱;-)你使用过调试器吗?你在这个代码行上得到了什么值?而且ParentId确实有正确的键值?我帮不上什么忙,因为我看不到dynatree生成的html代码。