当前位置：Gxlcms > JavaScript > jqueryztree实现下拉树形框使用到了json数据_jquery

jqueryztree实现下拉树形框使用到了json数据_jquery

时间：2021-07-01 10:21:17 帮助过：31人阅读

公司最近的项目需要用到树形下拉框，在网上找了挺多源码，最后还是采用了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"%>

" type="text/css">
" type="text/css">

选择城市时，按下 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); 
} 

jqueryztree实现下拉树形框使用到了json数据_jquery

人气教程排行