div树形菜单

DIV树：client_Tree.jsp   
                ClientTreeReader.java
    
    1、servlet里：
    
    /**
 * 完成分销商树的递归读取
 * @author Administrator
 *
 */
public class ClientTreeReader {
    
    private StringBuffer sbTreeHTML = new StringBuffer();
    
    /**
     * 返回HTML字符串
     * @return
     */
    public String getClientTreeHTMLString() {
        Connection conn = null;
        try {
            conn = DbUtil.getConnection();
            readClientTree(conn, 0, 0);
        }catch(Exception e) {
            e.printStackTrace();
        }finally {
            DbUtil.close(conn);
        }
        return sbTreeHTML.toString();
    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第一步：    以最简单的方式读取分销商树形结构，可以显示到浏览器中即可
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                sbTreeHTML.append(rs.getString("name"))
//                        .append("<br>\n");
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    readClientTree(conn, rs.getInt("id"), level);
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第二步：    加入层次感
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                for (int i=0; i<level; i++) {
//                    sbTreeHTML.append("&nbsp;&nbsp;");
//                }
//                sbTreeHTML.append(rs.getString("name"))
//                        .append("<br>\n");
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    readClientTree(conn, rs.getInt("id"), level + 1);
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第三步：    叶子节点前面加入一个“-”号，非叶子节点前面加入一个“+”号
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                for (int i=0; i<level; i++) {
//                    sbTreeHTML.append("&nbsp;&nbsp;");
//                }
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    sbTreeHTML.append("+")
//                            .append(rs.getString("name"))
//                            .append("<br>\n");
//                    readClientTree(conn, rs.getInt("id"), level + 1);
//                }else {
//                    sbTreeHTML.append("-")
//                    .append(rs.getString("name"))
//                    .append("<br>\n");
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }    
    
    /**
     * 递归读取分销商树
     *
     * 第四步：    采用div生成树形结构
     * @param conn
     * @param id
     * @param level 控制层次
     */
    private void readClientTree(Connection conn, int id, int level)
    throws SQLException {
        String sql = "select * from t_client where pid=?";
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        try {
            pstmt = conn.prepareStatement(sql);
            pstmt.setInt(1, id);
            rs = pstmt.executeQuery();
            while (rs.next()) {
                sbTreeHTML.append("<div>");
                sbTreeHTML.append("\n");
                for (int i=0; i<level; i++) {
                    sbTreeHTML.append("<img src=\"../images/white.gif\">");
                    sbTreeHTML.append("\n");
                }
                //if ("N".equals(rs.getString("is_leaf"))) {
                if (Constants.NO.equals(rs.getString("is_leaf"))) {
                    sbTreeHTML.append("<img alt=\"展开\" style=\"cursor:hand;\" onClick=\"display('" + rs.getInt("id") + "');\" id=\"img" + rs.getInt("id") + "\" src=\"../images/plus.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<img id=\"im" + rs.getInt("id") + "\" src=\"../images/closedfold.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<a href=\"client_node_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") + "</a>");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<div style=\"display:none;\" id=\"div" + rs.getInt("id") + "\">");
                    sbTreeHTML.append("\n");
                    readClientTree(conn, rs.getInt("id"), level + 1);
                    sbTreeHTML.append("</div>");
                    sbTreeHTML.append("\n");
                }else {
                    sbTreeHTML.append("<img src=\"../images/minus.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<img src=\"../images/openfold.gif\">");
                    sbTreeHTML.append("\n");
                    //if ("Y1".equals(rs.getString("is_client"))) {
                    if (Constants.YES.equals(rs.getString("is_client"))) {
                        sbTreeHTML.append("<a href=\"client_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") +  "</a>");
                    }else {
                        sbTreeHTML.append("<a href=\"client_node_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") + "</a>");
                    }
                    sbTreeHTML.append("\n");
                }
                sbTreeHTML.append("</div>");
                sbTreeHTML.append("\n");
            }
        }finally {
            DbUtil.close(rs);
            DbUtil.close(pstmt);
        }
    }    
    
    2、jsp里：(js里eval用来将对象转化为js对象或表达式)

        <script language="JavaScript">
        <!--
        function display(id) {
             eval("var div=div"+id);
             eval("var img=img"+id);
             eval("var im=im"+id);
             div.style.display=div.style.display=="block"?"none":"block";
             img.src=div.style.display=="block"?"../images/minus.gif":"../images/plus.gif";
             im.src=div.style.display=="block"?"../images/openfold.gif":"../images/closedfold.gif";
             img.alt=div.style.display=="block"?"关闭":"展开";
        }
        //-->
        </script>
            </head>
            <body class="body1">
                <table>
                    <tr>
                        <td valign="top" nowrap="nowrap">
                            <%=ClientManager.getInstance().getClientTreeHTMLString() %>
                        </td>
                    </tr>
                </table>
            </body>
        </html>