treeok.jsp

JSP javaBean 数据库无限级动态树状菜单

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<%@ page import="com.netmarch.folder.Tree"%>

<!-- 上面的编码请你自己改一下，我不知道你那边用的是什么编码-->

<script language="JavaScript">
<!--这段js为了实现树的展开和关闭的效果-->
<!--
function myClick(id) {
 eval("var div=div"+id);
 eval("var img=img"+id);

 div.style.display=div.style.display!="none"?"none":"block";
 if(img.src.indexOf("arrow.gif")==-1){
 	img.src=div.style.display!="none"?"img/minus.gif":"img/plus.gif";
 }
 

 img.alt=div.style.display!="none"?"关闭":"展开";
 
 
 <!-- 动态的只显示一层开始-->
 
 var arr=document.getElementsByTagName("div");
 var pa=document.getElementById("div"+id).pa;
 if(pa=="0"){
 	pa=id;
 }
 pa=","+pa+","+id+",";
 
 for(i=0;i<arr.length;i++){
	if(arr[i].id!=null&&arr[i].id!=""){
		var iid=arr[i].pa.substr(arr[i].pa.substr(arr[i].pa.lastIndexOf(",")-1));
		
	 	if(pa.indexOf(","+iid+",")>-1){
	 	}else{	 		
	 		arr[i].style.display="none";
	 		
	 	}
 	}
 }
 <!--动态的只显示一层结束-->
 
 
 
}
function myClick1(id) {
 document.form1.parentid.value=id;
}
//-->
</script>
<table>
	<tr>
		<td height="300" valign="top">
			<%Tree myTree = new Tree();
			myTree.init(out, request);
			%>
		</td>
	</tr>
	<tr>
		<td valign="top">
		
		<!-- 下面的代码为测试用，你可以注掉 -->
<!-- 
			<%if (myTree.getOption().equals("")) {
%>

			<form name="form1" action="" method="get">
				<input type="" name="ralf" value="" style="width:100%;">
				parentid:0-表示根节点 name:
				<input type="text" name="name">
				<input type="hidden" name="parentid" value="0">
				<input type="submit" name="action" value="add">
			</form>

			<%} else {%>

			<form name="form1" action="" method="get">
				<input type="" name="ralf" value="" style="width:100%;">
				parentid:
				<select name="parentid">
					<%=myTree.getOption()%>
				</select>

				name:
				<input type="text" name="name">
				<input type="submit" name="action" value="add">
				&nbsp;
				<input type="submit" name="action" value="delete">
			</form>

			<%}%>
-->
		</td>
	</tr>
</table>