您的位置:寻梦网首页编程乐园JavaScript用JavaScript生成树结构
第 1 集 第 2 集 第 3 集 第 4 集 第 5 集

用JavaScript生成树结构 第 3 集

function DispNode(node,deep,corner,rout) //显示树的节点
{
var i,m;
var have=(node.child.total>0);
w("<TR><TD height=16 width=100% class=p1>");
for(i=0;i<deep;i++)
if(!rout[i])w("<IMG height=16 width=16 src="+gif+"line.gif>");
else w("<IMG height=16 width=16 src="+gif+"none.gif>");
if(corner>0)
{
if(corner==1){m="last";rout.Add(true);}
else{m="mid";rout.Add(false);}
if(!have)w("<IMG height=16 width=16 src="+gif+m+"nd.gif>");
else{
w("<IMG height=16 width=16 src="+gif+m);
if(node.display)w("minu");
else w("plus");
w(".gif id="+node.id+" onclick=ClickND()>");
}
}
w("<IMG height=16 id=n"+node.id+" src="+node.imgclsm+" width=16 onclick=ClickNode() style=cursor:hand");
if(node.link!="")
{
w("><A href="+node.link);
if(node.target!="")w(" target="+node.target);
}
w(">"+node.name);
if(node.link!="")w("</A>");
w("</TD></TR>");
if(have)
{
w("<TR><TD id=t"+node.id+" class=p1");
if(!node.display)w(" style=display:none");
w("><TABLE align=left border=0 cellPadding=0 cellSpacing=0 width=100%>");
for(i=0;i<node.child.total;i++)
{
m=rout.total;
DispNode(node.child[i],deep+1,node.child.total-i,rout);
rout.total=m;
}
w("</TABLE></TD></TR>");
}
}
function ShowTree() //显示树
{
var rout=new CHILD();
w("<TABLE align=left border=0 cellPadding=0 cellSpacing=0 width=100%>");
DispNode(root,-1,0,rout);
w("</TABLE>");
}

(作者:jincoo  来源:奥索)

第 1 集 第 2 集 第 3 集 第 4 集 第 5 集