jsp中使用 dtree

JSP 树形菜单的实现(转载)

(2009-04-20 15:21:03)

转载

标签：

杂谈

分类： 技术讲解

1。原理简介

dtree 是一个免费的 javascript 脚本，只需定义有限的几个参数，就可以做出漂亮的树

Tree[1] = "2|1|Page 1.1|#";

Tree[2] = "3|1|Page 1.2|#";

Tree[3] = "4|3|Page 1.2.1|#";

</script>

2）调用函数

<div class="tree">

<script type="text/javascript">

<!--

createTree(Tree,1,7); // starts the tree at the top and open it at node nr. 7

//-->

 1）在数据库建 tree_info 表，有 nodeId，parentNodeId，nodeName，nodeUrl

四个字段，来存储节点信息。

 2）编写 java 类，用于从数据库找出节点信息，并且生成 javascript 脚本。

 3）编写 tag 类。用于封装逻辑，简化 jsp 的开发。

 4）建一个 web 程序进行测试。

3。详细过程

 1）在数据库建表，脚本如下：

 CREATE TABLE `test`.`tree_info` (

 `node_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,

 `parent_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,

 `node_name` VARCHAR(45) NOT NULL,

 package com.diegoyun.web.tree;



public class TreeInfo {

private int nodeId = -1;//node id

private int parentId = -1;//parentId

private String nodeName = null;//node name

private String url = null;//url references

public int getNodeId() {

return nodeId;

}

public void setParentId(int parentId) {

this.parentId = parentId;

}

public String getNodeName() {

return nodeName;

}

public void setNodeName(String nodeName) {

this.nodeName = nodeName;

}

public String getUrl() {