如何正确使用并理解LayUI的treetable树形表格功能？

本文共计3750个文字，预计阅读时间需要15分钟。

目录 + LayUI 是目前比较流行的前端框架 + 实体类 TbMenu 代码 + TbMenuForm 接收类 + 返回数据格式 TreeTableModel 类 + 监听工具栏的新增、修改、删除和刷新按钮方法 + 后台保存方法 + LayUI 是目前比较流行的前端框架

目录

• LayUI是现在比较流行的一款前端框架
• 实体类TbMenu代码
• TbMenuForm接收类
• 返回数据格式TreeTableModel类
• 监听工具栏的新增修改删除和刷新按钮方法
• 后台保存方法

LayUI是现在比较流行的一款前端框架

也有很多人基于LayUI开发了很多不错的组件，比如treetable树形表格。

因为treetable是第三方基于LayUI开发的，所以需要先用Layui引入一下文件。

layui.config({ base : 'static/layui/' }).extend({ treetable : 'treetable-lay/treetable' });

之后先看一下显示的效果。

之后页面只需要引入LayUI的CSS和JS就可以了。

页面给一个table标签，用于显示treetable中的数据样式。

<table class="layui-hide" id = "menu" lay-filter="menu"></table>

表格左上方的工具栏按钮组件代码。