layui-admin

[TOC] 概述 后台框架中使用树状表格是非常常用的操作，layUI本身并没有这种组件。 第三方的treetable.js做到了完美的实现，但是不能实现在双击时异步加载数据，本文就是站在了巨人的肩膀上实现的异步加载的树状表格~ 1. 使用说明   本组件基于treetable.js组件进行编写，最大的区别在treetable.js无法进行异步加载，而本组件则使用异步加载树状表格。   因此，若无异步加载需求，建议直接使用treetable.js，有异步加载需求时，可使用本组件。   本组件treetableAsync.js下载地址： https://pan.baidu.com/s/1qZXi7mLJj0ZvjMd4mGbjFA 提取码：808p   本组件所依赖的treetable.js下载地址： https://pan.baidu.com/s/1fx5_sFRb0Noa4NCIdDoltw 密码：e891 （源码有修改，因此不能使用官方下载的原版本） 2. 使用需知 2.1 本组件依赖于treetable.js【重中之重】   由于本组件依赖于treetable.js,因此使用本组件时，需首先引入treetable.js，方可使用。 但由于treetable.js的源码进行过修改，因此不能使用官方下载的原版本。   代码示例： layui.config({ base: '../.

1.新的工作接触到了bootstrap-table，用于后台管理系统的开发，项目用到的东西比较多，前端接触的主要是thymeleaf模板和bootstrap-table加上lay-ui； 2.bootstrap-table主要遇到的问题：项目通过二次封装使用这个插件，一开始是有点摸不着头脑，因为没有文档，只能看着bt的文档对照着写。接下来说一说这几天遇到的问题，还有怎么解决的； 　　2-1：表格初始化数据的问题。页面是用layuiAdmin的iframe版，bt数据通过url请求回来，设置各个表头的数据，然后在初始化。 　　2-2：需要在表格的操作列绑定事件，看代码；主要是怎么传多个参数的问题，然后发现这样才行；（主要是\‘’ ‘\’ 这个写法，其他和单个是一样的 ） { title: '操作' , align: "center" , formatter: function (value, row, index) { var actions = []; actions.push( '<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="checkSingle(\'' + row.waybillId + '\',\''+row.unloadCost+'\',\''+row.transportCost

treeTable 模块下载： https://gitee.com/whvse/treetable-lay/tree/master/2.x 下载后，treeTable.js、treeTable.css 的放置目录分别为： layuiadmin/modules/treeTable.js layuiadmin/modules/treeTable/treeTable.css 页面元素： <div style="width: 100%;overflow-x: auto;"> <table class="layui-hide" id="businessConfigListTable" lay-filter="businessConfigListTable"></table> </div> 定义： layui.config({ base: '${ctxLayui}/layuiadmin/' }).extend({ index: 'lib/index' }).use(['index', 'table','dict','laydate','util','treeTable'], function(){ var $ = layui.$,table = layui.table,form = layui.form; var dict = layui.dict; var laydate = layui

增加table表格行高：整个表格样式行高修改 <style> .layui-table-cell { height: auto; line-height: 30px; } </style> 修改按钮样式 //增加 <button type="button" class="layui-btn layui-btn-primary add"> <i class="layui-icon layuiadmin-button-btn">&#xe654;</i> </button> //修改 <button type="button" class="layui-btn layui-btn-primary edit"> <i class="layui-icon layuiadmin-button-btn">&#xe642;</i> </button> //删除 <button type="button" class="layui-btn layui-btn-primary delete"> <i class="layui-icon layuiadmin-button-btn">&#xe640;</i> </button> 来源： oschina 链接： https://my.oschina.net/u/3204029/blog/4298088

layui 静态资源 src/layuiadmin/：layuiAdmin 的静态资源（JS、CSS、模块碎片等） 来源： oschina 链接： https://my.oschina.net/shenGuangYue/blog/4290847