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>
Tree的实现,js开发组件dtree
精选 转载![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
VUE框架组件化开发之单文件组件化开发------VUE框架
VUE框架组件化开发之单文件组件化开发------VUE框架
App html vue.js -
dtree
原文链接: 简单的树dTree的简单用法——————————————–dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。1)从官网上下载dtree的源文件压缩包“dtree.zip”,包内包含以下几个文件:
HTML Struts JavaScript CSS XHTML -
dtree详解
dTree是一个免费的JavaScript树形菜单,使用简单,界面制作的也很专业。dtree树形菜单所谓“兵无常势,水无常形”,不同的项
cookies string html attributes stylesheet