jquery中的树结构
我需要一个树结构的帮助,这里我有代码,我从网上得到了t,我需要用扩展和折叠功能来显示它jquery中的树结构,jquery,treeview,Jquery,Treeview,我需要一个树结构的帮助,这里我有代码,我从网上得到了t,我需要用扩展和折叠功能来显示它 var treeNodes = [ {parent:-1,id:0,name:'root'}, {parent:1,id:3,name:'net'}, {parent:1,id:4,name:'flash '},
var treeNodes = [
{parent:-1,id:0,name:'root'},
{parent:1,id:3,name:'net'},
{parent:1,id:4,name:'flash '},
{parent:3,id:7,name:'South korea'},
{parent:6,id:8,name:'West korea'},
{parent:0,id:1,name:'Microsoft'},
{parent:1,id:5,name:'Google'},
{parent:0,id:2,name:'JPmorgon Intl'},
{parent:2,id:6,name:'SW'}
];
$("#container").append( buildNestedList(treeNodes, 0) );
function buildNestedList(treeNodes, rootId) {
var nodesByParent = {};
$.each(treeNodes, function(i, node) {
if (!(node.parent in nodesByParent)) nodesByParent[node.parent] = [];
nodesByParent[node.parent].push(node);
});
function buildTree(children) {
var $container = $("<ul>");
if (!children) return;
$.each(children, function(i, child) {
$("<li>", {text: child.name})
.appendTo($container)
.append( buildTree(nodesByParent[child.id]) );
});
return $container;
}
return buildTree(nodesByParent[rootId]);
}
var treeNodes=[
{parent:-1,id:0,名称:'root'},
{parent:1,id:3,name:'net'},
{parent:1,id:4,name:'flash'},
{家长:3,id:7,姓名:'South korea'},
{家长:6,id:8,姓名:'West korea'},
{父项:0,id:1,名称:'Microsoft'},
{parent:1,id:5,name:'Google'},
{父项:0,id:2,名称:'JPmorgon Intl'},
{父项:2,id:6,名称:'SW'}
];
$(“#容器”).append(buildNestedList(treeNodes,0));
函数buildNestedList(树节点,根ID){
var nodesByParent={};
$.each(树节点,函数(i,节点){
如果(!(nodesByParent中的node.parent))nodesByParent[node.parent]=[];
nodesByParent[node.parent].push(node);
});
函数构建树(子级){
var$container=$(“”);
如果(!children)返回;
$。每个(子项,函数(i,子项){
$(“- ”,{text:child.name})
.appendTo($container)
.append(buildTree(nodesByParent[child.id]);
});
退回$container;
}
返回buildTree(nodesByParent[rootId]);
}
任何人请引导我。我需要设置+和u图像以扩展和折叠树结构
提前感谢我引用了此链接,您被卡在哪里了?每当您在li中创建ul时,应根据您是否为ul提供显示样式放置+/-:无或无。这应该是基本的逻辑。我无法理解你……你能再解释一遍吗……对不起,我不是很基本。