如何高效使用LayUI树形表格treetable实现复杂数据展示？

本文共计3729个文字，预计阅读时间需要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就可以了。