栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jquery ztree实现下拉树形框使用到了json数据

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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);
    }
    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/107101.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号