`
water84222
  • 浏览: 369429 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Tree的实现，js开发组件dtree

JSPBlog 
阅读更多
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>
  • dtree.zip (14.6 KB)
  • 描述: dtree js开发组件
  • 下载次数: 54
分享到：
| FileUpload文件上传组件与java.util.zip解 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics