EasyUI 高级控件之树形表格

最新推荐文章于 2024-10-22 10:29:39 发布

一只媛球球

最新推荐文章于 2024-10-22 10:29:39 发布

阅读量1.7k

点赞数 3

分类专栏： EasyUI 文章标签： EasyUI 高级控件之树形表格

本文链接：https://blog.csdn.net/qq_44641053/article/details/92015672

版权

本文介绍了EasyUI的高级控件——树形表格（TreeGrid），它是基于数据表格、树控件和可编辑表格的组合，用于显示分层数据。通过$.fn.treegrid.defaults重写默认值，支持异步展开行和多列显示。文章提供了一个使用JavaScript创建树形表格的案例，包括jsp界面和自定义js界面的实现，并展示了最终效果。

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

EasyUI 高级控件之TreeGrid

TreeGrid (树形表格)

TreeGrid (树形表格)

扩展自 $.fn.datagrid.defaults 。使用 $.fn.treegrid.defaults重写默认值对象。

前言：

树形表格用于显示分层数据表格。
树形表格是基于数据表格、组合树控件和可编辑表格。
树形表格允许用户创建可定制的、异步展开行和显示在多列上的分层数据。

依赖关系：datagrid

使用案例 demo

使用Javascript创建树形表格。

jsp 界面

treegrid.jsp :

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.min.js"></scr