前不久，项目中需要使用到树，本来是使用的是JSFmyfaces的tree2控件（项目是JSF框架的），但是最近，可能由于代码问题，树经常报错（数组过长），刷新就可以了，故想换个树，在G上搜索一翻，发现XLOADTREE比较不错。就先写了个Demo，以下是代码：
JSP
<%--
Document : index
Created on : 2008-7-31, 15:31:04
Author : 木易有峰
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="resources/xtree.js"></script>
<script type="text/javascript" src="resources/xmlextras.js"></script>
<script type="text/javascript" src="resources/xloadtree.js"></script>
<link type="text/css" rel="stylesheet" href="resources/xtree.css" />
<title>JSP Page</title>
</head>
<body>
<script type="text/javascript">
/// XP Look
webFXTreeConfig.rootIcon = "images/xp/folder.png";
webFXTreeConfig.openRootIcon = "images/xp/openfolder.png";
webFXTreeConfig.folderIcon = "images/xp/folder.png";
webFXTreeConfig.openFolderIcon = "images/xp/openfolder.png";
webFXTreeConfig.fileIcon = "images/xp/file.png";
webFXTreeConfig.lMinusIcon = "images/xp/Lminus.png";
webFXTreeConfig.lPlusIcon = "images/xp/Lplus.png";
webFXTreeConfig.tMinusIcon = "images/xp/Tminus.png";
webFXTreeConfig.tPlusIcon = "images/xp/Tplus.png";
webFXTreeConfig.iIcon = "images/xp/I.png";
webFXTreeConfig.lIcon = "images/xp/L.png";
webFXTreeConfig.tIcon = "images/xp/T.png";
var rti;
var tree = new WebFXTree("行政区划");
tree.add(new WebFXLoadTreeItem("安徽省", "GetCity"));
document.write(tree);
</script>
</body>
</html>
Servlet
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package org.database.common;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.database.model.Area;
import org.database.treeList.AreaList;
/**
*
* @author 木易有峰
*/
public class GetCity extends HttpServlet {
/**
* Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
out.println("<tree>");
AreaList menus = new AreaList();
List list = menus.getCityAreas();
Area area;
for (int i = 0; i < list.size(); i++) {
area = (Area) list.get(i);
out.println("<tree text='" + area.getQymc() + "'>");
if(!area.equals(null)){
List alist = menus.getCountAreas(area.getQybm().substring(0,4));
for(int j = 0; j < alist.size(); j ++){
Area a = (Area)list.get(j);
out.println("<tree text='" + a.getQymc() + "' />");
}
}
out.print("</tree>");
}
out.println("</tree>");
} finally {
out.close();
}
}
// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
/**
* Handles the HTTP <code>GET</code> method.
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
/**
* Handles the HTTP <code>POST</code> method.
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
/**
* Returns a short description of the servlet.
* @return a String containing servlet description
*/
@Override
public String getServletInfo() {
return "Short description";
}// </editor-fold>
}
Web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_4.xsd">
<servlet>
<servlet-name>GetCity</servlet-name>
<servlet-class>org.database.common.GetCity</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>GetCity</servlet-name>
<url-pattern>/GetCity</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
下面是工程，netbeans的。呵呵
分享到：
- 2008-08-04 09:56
- 浏览 3647
- 评论(3)
- 论坛回复 / 浏览 (3 / 6405)
- 查看更多
相关推荐
将加载完后出现的子级菜单用JS保存在客户端，下载再点 + 的时候，不从数据库直接去，和CSDN的树菜单相似，主要用到的插件是：xloadtree，解决了其他常用的属性设置，如点击节点后的页面跳转，也就是target属性， ...
xloadtree开发动态树（ajax+servlet 不需配置数据库），最烦的额外的工作就是去配置数据库，本开发包就是最简单的实现xloadtree动态树的例子
《ajax实现树形菜单》《ajax实现树形菜单》《ajax实现树形菜单》《ajax实现树形菜单》
ajax实现目录树
用AJAX实现目录树(asp)
利用Ajax实现树的动态加载（包含基本实现代码）。
ajax动态树的实现,完整的ajax动态树实现代码，绝对不可以错过
ajax 树形菜单 无限极 ajax 树形菜单 无限极
使用ajax来实现的动态树形结构，易用易学
利用jquery以及ajax实现树结构 项目可以直接导入到MyEclipse运行
树形结构的多种实现，其中有Ajax异步实现 做项目时查到的，用过其中3个 也用到过Ajax的树形菜单
看到网上很多想用ajax的树的例子，很奇怪，明明TreeView自带AJAX功能，取非要自己去写一大堆代码， 工作量增加了，而性能又没有提高多少 正好自己这次用到了，就做了一个例子，供大家一起研究参考 注：顺便下载了一...
树形菜单Ajax实现
Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树
JavaScript XML实现ajax树形展开菜单，实现如图所示的树状菜单，这种菜单在一些后台管理中被广泛应用。本示例中的Tree菜单使用XML作为数据存储对象，XML比数据库有着更快的存储速度。友情提示，本代码貌似在目前的IE...
使用JavaScript实现数据的目录显示使用Ajax从后台取出数据
asp.net 树形控件 ajax 实现示例,无刷新实现ajax 效果,真的很强呀
ajax树形菜单 动态显示菜单内容，避免加载不需要的东西
dwr实现ajax功能ajax+dwr.........................