ztree使用教程 异步

ztree用了有一段时间了，使用心得，很好很强大。现在就来给大家分享一下。

先说下完成的主要功能：异步加载ztree，还有实现数的拖拽，以及实现右键菜单功能，但是因为时间原因，菜单功能没有实现，如果感兴趣，可以自己进行完善。

1、首先就是造数据了，我现在以地区为例，建表ztree，数据如下：

2、为了简单期间，我使用servlet进行搭建，先看下项目结构：

下面贴出代码：

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
    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_3_0.xsd">
  <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>ZtreeServlet</servlet-name>
    <servlet-class>com.wtf.servlet.ZtreeServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>ZtreeServlet</servlet-name>
    <url-pattern>/ztreeServlet</url-pattern>
  </servlet-mapping>

</web-app>

实体类Area.java

package com.wtf.model;

public class Area {

	private String id;
	private String name;
	private String preantsId;
	private Integer isParent;

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getPreantsId() {
		return preantsId;
	}

	public void setPreantsId(String preantsId) {
		this.preantsId = preantsId;
	}

	public Integer getIsParent() {
		return isParent;
	}

	public void setIsParent(Integer isParent) {
		this.isParent = isParent;
	}

	public Area(String id, String name, String preantsId, Integer isParent) {
		super();
		this.id = id;
		this.name = name;
		this.preantsId = preantsId;
		this.isParent = isParent;
	}

	public Area() {
		super();
		// TODO Auto-generated constructor stub
	}

}

dao层使用了原生的jdbc

package com.wtf.dao;

public class ZtreeDao {
	public static Connection connection = null;
	public static PreparedStatement ps  = null;
	public static ResultSet rs = null;

	static{
		try {
			Class.forName("com.mysql.jdbc.Driver");
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		}
		try {
			connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "root", "root");
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	
	public List<Area> getList() throws ClassNotFoundException, SQLException{
		String sql = "select * from ztree";
		ps = connection.prepareStatement(sql);
		rs = ps.executeQuery();
		List<Area> list = new ArrayList<Area>();
		while(rs.next()){
			Area area = new Area();
			area.setId(rs.getString(1));
			area.setName(rs.getString(2));
			area.setPreantsId(rs.getString(3));
			area.setIsParent(rs.getInt(4));
			list.add(area);
		}
		return list;
	}
	public List<Area> getListByParentsId(String pare