如何在dynatree视图中加载我的数据?

时间:2014-07-30 09:11:37

标签: 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 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']  
                        });
                   }          
           });

       }

    }) ;  

但我的代码中的else部分无法正常工作。有什么问题吗?当我运行这个程序时,它显示为"节点为空"请帮忙...

1 个答案:

答案 0 :(得分:0)

你忘记了逗号

title: val['permissionName']
tooltip:val['permissionName']

应该是

title: val['permissionName'],
tooltip:val['permissionName']