layui（谐音：类UI) 是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，下面我们来看一下基于layui的步骤条面板实现。html元素

让layui支持wangEditor编辑器的方法：（推荐：layui使用教程）wangEditor.min.js模块代码比如引用一个123.js"123.js" 基本配置编辑器模块代码如下layui.config({ base:

2022-02-11 17:37点击阅读

在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程（推荐：layui使用教程）先定义一个模块//定义模块layui.define([form], function(exports

2022-02-11 17:37点击阅读

在使用layui的form表单做验证提交的时候，如果结合vue，或者是三级联动的时候，就需要做事件监听了。具体语法：form.on(event(过滤器值), callback);可以用于监听：select，checkbox，switch，r

2022-02-11 17:37点击阅读

使用layui timeline过程记录：layui官网时间线介绍比较少，可能是太简单了，这里把时间线通过请求后台数据。再自动填写到对应区块，进行了封装；代码如下：function timelineshow(url,json,div){

2022-02-11 17:37点击阅读

为layDate输入框加上图标的方法：基于layui 2.3.0-rc1为laydate输入框加上图标，让laydate输入框更显眼先看图片修改的地方修改模块css laydate.css里添加：.laydate-with-icon{pos

2022-02-11 17:37点击阅读

本规范一共四件事：1、规定插件的目录使用，2、规定插件css样式的前缀，3、规定插件的统一封装，4、规定插件的引入方式。一、目录篇先来一个目录图目录结构说明（结合图片理解）mod_name代表插件名，author代表第三方作者layui

2022-02-11 17:37点击阅读

表格数据变更，一般包括几个内容：新增、修改、删除、移动，开发中经常会面临的一个问题就是变更之后如何将数据同步到节点上，一直以来个人的建议还是利用表格重载，不管是url模式的还是data模式的实际都是需要重载，url重载自然会重新请求后台得到

2022-02-11 17:37点击阅读

使用表格组件能提高大量的开发效率，目前主流的数据表格组件有bootstrap table、layui table、easyUI table等，本教程推荐使用layui框架设置数据表格。推荐：layui框架快速入门一、三种初始化渲染方式我先从

2022-02-11 17:37点击阅读

表格反转，或者叫行列转换，估计都不陌生，先看效果图：测试页面： https://sun_zoro.gitee.io/layuitableplug/testTableCheckboxDisabled相对标题说的简单实现方式，之前也考虑过关于行

2022-02-11 17:37点击阅读

先看个大家可能都遇到过的问题的效果图：就是如果工具栏没有设置宽度，有时候会被内容挤压得比较小，或者宽度设置不够，也会跟内容一样出现...然后点击显示下拉图标的时候会显示出更多的内容，但是跟普通的td不同的是按钮是显示出来了。但是点击无法触发

2022-02-11 17:37点击阅读

一、导航跳转iframe页面问题:推荐：layui教程关于layui的iframe嵌套页面的导航跳转页面问题,如下图所示可以看到效果:在模板页的导航代码:

2022-02-11 17:37点击阅读

laydate目前实现的一些功能：1、支持一次性render多个节点。2、支持render一个已经render过的节点。3、新增lay-data属性来设置当前节点的laydate的配置。4、实现快速选择时间的功能。（quickSelect）

2022-02-11 17:37点击阅读

出现的问题：1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误（自己的锅）2、传递参数问题使用的 table 加载刷新方案有一个页面，左侧是一个 tree，右侧是一个 table，默认 table 加

2022-02-11 17:37点击阅读

layui上传与bootstrap上传相似，只是不需要下插件，layui自带的已够用 先看一下前台界面，这里是用到的上传头像先点击开始上传，头像上传至服务器中，返回json添加至form表单中，与其他数据一起提交先看一下jsp界面<%@ p

2022-02-11 17:37点击阅读

一、表格中插入下拉框的情况问题:表格遇到下拉框表单的情况,下拉框在表格中没办法显示出来,效果:1、表格中下拉框被隐藏----方法1这种方法解决了表格中下拉框被隐藏的状态了,但是显示并不是很美观,距离最下面的表格的下拉框展开之后会撑开表格的滚

2022-02-11 17:37点击阅读

layui的表格使用还是非常简单的，layui文档中已经非常详细，下面直接上代码了如果你想了解更多关于layui的知识，可以点击：layui教程1、jsp代码

目前table能滚动的区域是layMain这个区域，他会联动的去滚动表头和固定列，左右固定列实际他们本身的样式overflow是hidden的，所以本身不会出现滚动条，也就是说你把鼠标移动到左右固定列上去的话，它是无法被滚动的，比如下面这个

2022-02-11 17:37点击阅读

table模块是layui的又一走心之作，在 layui 2.0 的版本中全新推出，是 layui 最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。推荐：layui使用教程支持固定表头、固定

2022-02-11 17:37点击阅读

首先是在这个是针对字段的，所以给cols新增一个配置项，来决定哪些列需要有过滤的功能，一般来说只有那些数据可以归纳成几种分布的列才有做这个过滤的需求，比如例子中的性别列还有职业列，id列这些的意义不大，当然也不是绝对的，有的就是需要呢。所以

2022-02-11 17:37点击阅读