Tree的实现，js开发组件dtree

最新推荐文章于 2022-09-13 13:58:05 发布

water84222

最新推荐文章于 2022-09-13 13:58:05 发布

阅读量129

点赞数

分类专栏： web开发文章标签： JSP Blog

web开发专栏收录该内容

19 篇文章 0 订阅

订阅专栏

[size=medium][b]jsp
<%
StringBuffer tree = new StringBuffer(1024);
int nodeseq = 0;
tree.append("var nodes = new Array();\n");
for(){ //动态的赋值
tree.append("{\n").
append("node = new Array();\n").
append("node[0] = "+String.valueOf(nodeseq+1)+";\n").
append("node[1] = "+parentnode+";\n").
append("node[2] = \""+displaycount+"\";\n").
append("node[3] =\"brnbloglist.jsp?code="+na_meeting_room_ary[i].getId()+"&type="+OtsukaConstents.TOP_BLOG_SEARCH_NEW+"&flag="+OtsukaConstents.TOP_BLOG_SEARCH_TYPE_NA_MEETINGROOM+"###\";\n").
append("node[4] = '"+OtsukaConstents.TOP_BLOG_SEARCH_TYPE_NA_MEETINGROOM+"';\n").
append("node[5] = "+String.valueOf(nodeseq+1)+";\n").
append("node[6] = '"+na_meeting_room_ary[i].getId()+"';\n").
append("node[7] = "+String.valueOf(newcount)+";\n").
append("node[9] = \""+na_meeting_room_ary[i].getMeetingroom_name()+"\";\n").
append("nodes["+nodeseq+"] = node;\n"). //nodes = new Array{
// node = new Array();
// node[0]=####;
// ........
// nodes[0]=node;
// }
//作用就是将一维数组依次赋值给一个二维数组的一个维度
append("}\n");
nodeseq ++;
}
%>
<html>

<head>
<title>Menu</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree" >
<script type="text/javascript">
<%=tree.toString()%>//将2维数组打印到页面
var d = new dTree('d');
d.add(0,-1,'大塚製薬');
for(var i=0;i<nodes.length;i++) {//对二维数组进行循环
if(nodes[i][1] == 0 || nodes[i][8] == true){
d.add(nodes[i][0],nodes[i][1],nodes[i][2],nodes[i][3],'','','img/folder.gif');//第一个参数，表示当前节点的ID
//第二个参数，表示当前节点的父节点的ID
//第三个参数，节点要显示的文字
//第四个参数，点击该节点的超链接（注意也可以是某个servlet或是struts应用中的某个.do请求）
//第五个参数，鼠标移至该节点时显示的文字
//第六个参数，指定点击该节点时在哪个桢中打开超链接
} else {
d.add(nodes[i][0],nodes[i][1],nodes[i][2],nodes[i][3]);
}
}
document.write(d);
</script>
</div>
</body>
</html>[/b][/size]