jquery ztree实现下拉树形框,json数据

公司最近的项目需要用到树形下拉框,在网上找了挺多源码,最后还是采用了zTree来实现,因为代码的移植性比较高,而且数据的获取比较容易。废话不多说,直接上代码。

index.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

 
	
	
	
	
	
 
 
	
  • 选择城市时,按下 Ctrl 或 Cmd 键可以进行多选
  • 城市: 选择

spring后台

json数据类

public class EquipTypeJson {
	private String id;
	private String pId;
	private String name;
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPId() {
		return pId;
	}
	public void setPId(String pId) {
		this.pId = pId;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	
	
}

controller页面

	public ModelAndView List(HttpServletRequest request, HttpServletResponse response,Product prod) throws Exception {
		Map map=new HashMap();
		List list = testService.getAllEquipType();//数据库中获取源数据
		JSONArray jsonArray = JSONArray.fromObject(list);	//将list数据转为json对象
		String json = jsonArray.toString();			//将json对象转为字符串
		map.put("jsonList", json);
		return new ModelAndView("equip/List").addAllObjects(map);
	}


你可能感兴趣的:(jsp)