如何重新加载/刷新/重新建立DynaTree？

Question

当我做了以下

$('#tree').dynatree("option","initAjax",{url:"http://google.com"}); 

我想dynatree忘掉当前树的数据，并与从指定的网址，而不是新的数据加载。但我发现它默认不会这样做。

谢谢。

Answer 1

看看tree.reload()的方法，它应该做你以后的事情。

在这里看到的文档：http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html#h8.2

如文档，树是树的内部图纸，并通过调用getTree命令得到它：$("#node").dynatree("getTree")

Answer 2

功能初始化：

function InitTree() { 
    $("#tree3").dynatree({ 
     (...init params...) 
    }); 
} 

InitTree(); 

要重新加载数据，请致电：

$("#tree3").dynatree("destroy"); 
InitTree(); 

Answer 3

tree.reload();用于在Ajax中动态加载数据。如果您正在使用ul/li列表并需要重新加载树，则必须执行以下操作： $("#tree").dynatree("destroy");之前您的常规dynatree创建代码。销毁参数未记录（请参阅http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html）。

Answer 4

这个问题的Trying to reload/refresh dynatree with new data

我的解决办法重复的，不需要像empty()和destroy()等想想这个弯路： 当Dynatree创建您指定的设置，它必须使用的字典。 但是，由于这是一个配置字典，即使某些参数是变量并因点击而发生变化，它也不会被重新评估。 因此，要解决这个问题并避免昂贵的操作，如删除DOM并重新创建它，我们会这样做Dynatree开发商有这个打算（但AJAX/JSON例子并非如此明确记载）：

//The HTML: 
     <input name="filter" id="checkbox" type="checkbox" value="X">Checkme<br> 
     <label id="mylabel"></label> 

    $("#checkbox").click(function() { 
    $("#mylabel").text($(this).is(":checked")) 
    $("#tree").dynatree("option", "initAjax", { 
      url: "myurl/myphp.php", 
      data: { 
       myparameter: $("#checkbox").is(":checked").toString() 
      } 
    }); 

    $("#tree").dynatree("getTree").reload(); 
    }); 

这个例子每次按钮被点击时设置的#tree配置，然后重新加载树。

Answer 5

n= "#tree"; 
$(n).dynatree({}); 
tree = $(n).dynatree("getTree"); 
root = tree.getRoot(); 
tree.enableUpdate(false); 
root.removeChildren(); 
tree.enableUpdate(true); 

Answer 6

最初，我使用initAjax的“选项”来进行ajax调用。然而，因为我必须显示一个错误消息，在重新加载之后服务器有一个空的响应，我决定去通常的ajax路由。我做ajax调用，得到响应，然后重新加载树。 所以，我没有像这样在我的JavaScript文件

var myObj = {getDynaTree :function(){ 

    //Refresh the dynatree 
    $("#dynaTree").dynatree("option", "children", null); 
    $.ajax({ 
     url: "myurl", 
     type: "POST", 
     dataType: "application/json", 
     headers:{'Accept' :'application/json', 'Content-Type':  'application/json' }, 
     data : JSON.stringify(myData), 
     //handle the response 
     complete : function(treeData) 
      { 

      $("#dynaTree").dynatree("option", "generateIds", true);  

      var parsedTreeData = JSON.parse(treeData.responseText); 

      if(parsedTreeData.length ==0) { 
       var parsedTreeData = [{title: "No documents found for the search criteria, please revisit the criteria", 
        isFolder: false, tooltip: "No documents found for the search criteria, please revisit the criteria" }]; 

      } 
      $("#dynaTree").dynatree("option", "children", parsedTreeData); 
      $("#dynaTree").dynatree("getTree").reload(); 

      } 
     }); 

    }} 

调用函数

$("#myLink").click(function() { myObj.getDynaTree(); } 

的dynatree在一个单独的初始化JavaScript文件

//Initialization for the dyna tree. 
    var treeData = [{title: "Dynamic Tree Demo",isFolder: false, tooltip: "Here, is your Dynamic Tree!" }]; 

    jQuery(document).ready(function() { 
    initReqActions(treeData); 
    }); 

    initReqActions= function(myTree){ 
    $("#dynaTree").dynatree({ 
     checkbox: false,    
     selectMode: 2, 
     // create IDs for HTML elements that are generated 
      generateIds: true, 
      cookie: { 
       expires :-1 
      },  
     children: myTree,   
     onQuerySelect: function(select, node) { 
      if(node.data.isFolder) 
       return false; 
     }, 

     onClick: function(node, event) { 
      if(! node.data.isFolder) 
       node.toggleSelect(); 
     }, 
     onDblClick: function(node, event) { 
      node.toggleExpand(); 
     }, 
     onKeydown: function(node, event) { 
      if(event.which == 32) { 
       node.toggleSelect(); 
       return false; 
      } 
     } 


    }); 
} 

Answer 7

如果你想重新加载Dynatree意思是先删除节点按以下代码

$（ “＃树”）dynatree（ “getRoot”）removeChildren此（）。