jquery easyui treegrid 实例

最新推荐文章于 2024-09-26 10:23:34 发布

i杨小磊

最新推荐文章于 2024-09-26 10:23:34 发布

阅读量3.8k

点赞数

分类专栏： Jquery 文章标签： jquery easyui 实例

本文链接：https://blog.csdn.net/iyangyl/article/details/46776345

版权

本文介绍如何利用jQuery EasyUI的treegrid组件实现多级数据字典的展示。通过SpringMVC框架，将后台List转换为TreeJson格式，无需转化为字符串JSON。在Java后台组装适合treegrid的JSON数据，SQL查询需与实体类属性对应。参考链接：http://www.cnblogs.com/lwenbo/archive/2012/12/19/2824959.html

摘要由CSDN通过智能技术生成

最近在做一个数据字典的功能。因为是字典是多级的，并且需要以表格的形式展示，所以就用到了 treegrid空间。

首先 jsp页面

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<link href="css/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css"
	href="js/zTree/css/zTreeStyle/zTreeStyle.css" />
<title>字典管理</title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/dialog/dialog.min.js"></script>
<script type="text/javascript" src="js/mydialog.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/zTree/js/jquery.ztree.all-3.5.min.js"></script>

<!-- title提示 -->
<link href="js/poshytip/tip-skyblue/tip-skyblue.css" rel="stylesheet"
	type="text/css" />
<script type="text/javascript" src="js/poshytip/jquery.poshytip.min.js"></script>
<!-- tree