您的位置：首页 > Web前端 > JavaScript

Tree的实现，js开发组件dtree

2011-11-16 15:06 387 查看

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=\'#\'" /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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航