简易代码之家

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  157 Posts :: 2 Stories :: 57 Comments :: 0 Trackbacks

从http://www.destroydrop.com/javascripts/tree/下载dtree.zip压缩包,解压后我们会用到dtree.js、dtree.css和img文件夹。

1.TreeInfo.java

package com.yxx;

public class TreeInfo {
    
private int nodeId = -1;
    
private int parentId = -1;
    
private String nodeName = null;
    
private String url = null;
    
private String target = null;

    
public int getNodeId() {
        
return nodeId;
    }


    
public void setNodeId(int nodeId) {
        
this.nodeId = nodeId;
    }


    
public int getParentId() {
        
return parentId;
    }


    
public void setParentId(int parentId) {
        
this.parentId = parentId;
    }


    
public String getNodeName() {
        
return nodeName;
    }


    
public void setNodeName(String nodeName) {
        
this.nodeName = nodeName;
    }


    
public String getUrl() {
        
return url;
    }


    
public void setUrl(String url) {
        
this.url = url;
    }


    
public String getTarget() {
        
return target;
    }


    
public void setTarget(String target) {
        
this.target = target;
    }


}


2.TreeUtil.java

package com.yxx;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

public class TreeUtil {

    
/**
     * @从数据库中读取tree的信息
     * 
@return
     
*/

    
public static List<TreeInfo> retrieveNodeInfos() {
        List
<TreeInfo> treeInfoList = new ArrayList<TreeInfo>();
        String driverName 
= "com.mysql.jdbc.Driver";
        String url 
= "jdbc:mysql://localhost:3306/test";

        Connection connection 
= null;
        PreparedStatement preparedStatement 
= null;
        ResultSet rs 
= null;
        
try {
            Class.forName(driverName).newInstance();
            connection 
= DriverManager.getConnection(url, "root""1234");
            String sql 
= "select * from tree_info";
            preparedStatement 
= connection.prepareStatement(sql);
            rs 
= preparedStatement.executeQuery();

            TreeInfo treeInfo 
= null;
            
while (rs != null && rs.next()) {
                treeInfo 
= new TreeInfo();
                treeInfo.setNodeId(rs.getInt(
1));
                treeInfo.setParentId(rs.getInt(
2));
                treeInfo.setNodeName(rs.getString(
3));
                treeInfo.setUrl(rs.getString(
4));
                treeInfoList.add(treeInfo);
            }

        }
 catch (Exception e) {
            System.out.println(e);
        }


        
return treeInfoList;
    }


    
/**
     * @生成创建tree的脚本
     * 
@param treeInfoList
     * 
@return
     
*/

    
public static String createTreeInfo(List<TreeInfo> treeInfoList) {
        StringBuffer contents 
= new StringBuffer();
        contents.append(
"<script type='text/javascript'>\n");
        contents.append(
"d = new dTree('d');\n");

        TreeInfo treeInfo 
= null;
        
for (int i = 0; i < treeInfoList.size(); i++{
            treeInfo 
= (TreeInfo) treeInfoList.get(i);
            contents.append(createOneItem(treeInfo));
        }


        contents.append(
"document.write(d);");
        contents.append(
"\n</script>");
        
return contents.toString();
    }


    
/**
     * @生成创建一个条目的脚本
     * 
@param treeInfo
     * 
@return
     
*/

    
public static String createOneItem(TreeInfo treeInfo) {
        StringBuffer item 
= new StringBuffer();
        item.append(
"d.add(");
        
// 第一个参数,表示当前节点的ID
        item.append(treeInfo.getNodeId() + ",");
        
// 第二个参数,表示当前节点的父节点的ID,根节点的值为 -1
        item.append(treeInfo.getParentId() + ",");
        
// 第三个参数,节点要显示的文字
        item.append("'" + treeInfo.getNodeName() + "',");
        
// 第四个参数,节点的Url
        item.append("'" + treeInfo.getUrl() + "',");
        
// 第五个参数,鼠标移至该节点时节点的Title
        item.append("'" + treeInfo.getNodeName() + "',");
        
// 第六个参数,节点的target
        item.append("'blank',");
        
// 第七个参数,用做节点的图标,节点没有指定图标时使用默认值
        item.append("'',");
        
// 第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值
        item.append("'',");
        
// 第九个参数,判断节点是否打开
        item.append(false);

        item.append(
");\n");
        
return item.toString();
    }


    
/**
     * @取得脚本
     * 
@return
     
*/

    
public String getMenuJS() {
        String js 
= "";
        List
<TreeInfo> treeInfoList = TreeUtil.retrieveNodeInfos();
        js 
= TreeUtil.createTreeInfo(treeInfoList);
        
return js;
    }


    
/**
     * @测试生成的JS
     * 
@param args
     
*/

    
public static void main(String[] args) {
        List
<TreeInfo> treeInfoList = TreeUtil.retrieveNodeInfos();
        System.out.println(TreeUtil.createTreeInfo(treeInfoList));
    }

}


3.index.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<jsp:useBean id="treeUtil" scope="request" class="com.yxx.TreeUtil" />
<html>
    
<head>
        
<title>Tree</title>
        
<link rel="StyleSheet" href="dtree.css" type="text/css" />
        
<script type="text/javascript" src="dtree.js"></script>
    
</head>
    
<body>
        
<div class='dtree'>
            
<%=treeUtil.getMenuJS()%>
        
</div>
    
</body>
</html>
posted on 2009-04-29 10:05 Jakin.zhou 阅读(1612) 评论(1)  编辑  收藏

Feedback

# re: dtree树形菜单简例 2009-04-29 13:06 HiMagic!
看到在java里代码塞js语句的就看不下去了,换换思路吧。  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: