的JQuery树视图 - 树

我刚开始使用jQuery和树视图插件的中间增加节点（S）所以这应该是一个比较简单的问题：的JQuery树视图 - 树

添加分支树的示例代码：

var newnodes = $("<li><span class='folder'>New Sublist</span><ul>" + 
    "<li><span class='file'>Item1</span></li>" + 
    "<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser"); 
$("#browser").treeview({ 
    add: branches 
});

正常工作对我来说，却增加了新的分支，在树的结束 - 而不是我想要的是能够选择一个特定节点，并加入到该分支。我已经设法通过使用特定节点的id而不是整个树视图的添加 - appendTo（“nodeID”）但是我无法正确呈现树，或者使用：

$("nodeID").treeview({ 
    add: branches 
});

或

$("browser").treeview({ 
    add: branches 
});

或调用它都没有参数。

干杯提前

来源

2010-03-25 Chris

嘿，这个想法很简单：

得到你要追加的节点的父节点。
将新节点追加到父变量并将其放入新变量
追加树（整棵树）新变量。

检查代码：

var parent = document.getElementById("parentId"); 
var newNode = $("<li> NewNode </li>").appendTo(parent); 
$("#tree").treeview({ add : newNode });

，仅此而已:) 希望我帮...

来源

2011-03-28 12:58:15 Tali

我试过了。有用”。但是，这并没有关注jQuery TreeView通常添加到li和ul元素中的类。我无法找到我如何告诉Treeview“重新分类”树的所有元素。自己添加所有类别也不起作用，因为新的目标区域似乎不受限制。 – SebiF 2013-01-24 17:40:54

我做到了，和它的作品。但是，即使节点下没有孩子，也可以看到hitarea。

//HTML file 
<ul id='grandpa' class='treeview'></ul> 

//JS snippet when adding a first node - pay attention to the dummy <ul></ul> at the end 
var branches = $("<li><div id='dad'>Maybe-a-parent-node</div><ul></ul></li>").appendTo("#grandpa"); 

//JS snippet when adding some children in a middle of a tree 
pNode = $("#dad").children("ul"); // get the dummy ul and add children to it 
childrenHTML = "<li>Node 1</li>"; // can add more than 1 li here 
var children = $(childrenHTML).appendTo(pNode); 
$(pNode).treeview({ 
    add: children 
});

我知道这个问题是很老。希望它能帮助别人。

来源

2014-10-17 16:50:07

回答

相关问题