【前端框架】基于layui树形菜单写的树形列表（treetable）

头像
温山
    阅读 1 分钟
    11

    layui-treetable是基于layui树形列表，最新版本是基于layui v2.4.3

    代码地址
    starfork

    demo地址

    图片描述

    介绍

    首先介绍一下layui，是一个模块化前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。
    前段时间，自己闲来写一个后端管理系统，引进了layui，使用了树形菜单的内置模块，可是该功能并未完全满足需求。 由于layui是开源包，为满足需求，故基于layui-tree写了一个treetable.

    使用手册请点击

    jquery插件前端tree命令树形菜单树形表格
    温山
    96 声望9 粉丝

    全栈攻城狮，长得比阿凡达还斯巴达

    « 上一篇
    前端后分离Ajax跨域请求保证Session一致
    下一篇 »
    [Spring boot] Spring boot + JPA 基本架构，完成CRUD
    24

    引用和评论

    推荐阅读
    头像
    Spring Boot 教程（五）：log日志配置

    温山阅读 14.9k

    头像
    Vue.js-Vue实例

    寒青赞 11阅读 6.9k

    头像
    你可能不知道的图片加载相关知识

    夕水赞 6阅读 4.5k

    头像
    手写一个动态海洋和天空效果的vue hooks

    夕水赞 6阅读 1.2k

    头像
    使用CSS给标题添加书名号并超出省略

    XboxYan赞 3阅读 2.4k

    头像
    Koa+Typescript起手式(空环境) 不用每次玩node都要搭环境了！

    alwaysVe赞 4阅读 11.5k

    头像
    原生electron起步-从零到一完成构建和打包

    兔子先森赞 2阅读 3.2k评论 1

    24 条评论
    得票最新
    头像
    遥远的她：

    只能显示 两列数据吗？ id和name 我在表头中设置 field：'title' 没有用

    2017-12-23
    头像
    遥远的她：

    我想显示多几列的数据

    2017-12-23
    头像
    遥远的她：

    好了，已解决，谢谢大神分享

    2017-12-23
    头像
    majormayer：

    这个怎么实现复选框和固定表头呢？

    2018-01-24
    头像
    lsunrun：

    @遥远的她 怎么解决的 ， 还有写成表格的形式

    2018-04-19
    头像
    Manning：

    treeGird我想知道这东西哪里来的

    2018-05-02
    头像
    小冰冰：

    大佬，怎么样才能不刷新的情况下重新载入表格数据哈

    2018-06-24
    温山（作者）：

    @小冰冰 form.render()

    2018-07-05
    头像
    larQ：

    哥，from.render() 我修改了 name 重新载入的时候怎么 没有刷新呢？

    2018-07-11
    头像
    larQ：

    修改后 要么都是折叠的，要么都是展开的（spreadable设置）， 怎么保证 当前展开状态，并刷新数据呢？

    2018-07-11
    温山（作者）：

    @larQ 目前不支持的

    2018-07-13
    larQ：

    @larQ 谢谢，，这个如果需要支持的话，有什么思路呢？

    2018-07-13
    温山（作者）：

    @larQ 设置每个父节点都有展开和折叠标志位，操作数据时记录标志位即可。

    2018-07-13
    头像
    Smile_Mo：

    你好 想问下这个插件支持分页么

    2018-07-12
    温山（作者）：

    @Smile_Mo 不支持的

    2018-07-13
    头像
    星火：

    请问一下，怎么才能显示多几列的数据

    2018-08-10
    头像
    驴弟：

    请问一下 我导入后运行 然后layui.treeGird 方法报错是怎么回事

    2018-09-20
    温山（作者）：

    @驴弟 没导入成功

    2018-09-20
    驴弟：

    @驴弟 @温山 显示 layui.treeGird不是函数是什么回事

    2018-09-20
    头像
    驴弟：

    显示 layui.treeGird不是函数

    2018-09-20
    头像
    曹宇航：

    请问，是否支持列固定

    2019-04-10
    头像
    Sapphire：

    你好，我也是想在另一个独立的前端框架上扩展写个treetable的插件，我应该怎么入手，感觉不知道从哪里入手

    2019-07-02