Layui
layui table 表格上下左右事件
//按键监听事件 $(document).on('keydown', '.layui-input', function(event) { var td = $(this).parent('td'); var index = td.index(); var tr = td.parent('tr'); ......
layui 省市县级联
<div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label" style="width: 140px"> <span style="color: red">*</span>现住址： < ......
layui表格中关键字加粗加红显示
使layui表格中根据关键词进行加红加粗显示，先看效果 前台代码 <script tab="table处理及事件"> var table = layui.table; layui.use(['table'], function () { table.render({ id: 'ID-table-ne ......
使用layui写多个下拉选项框
文件 css <link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css"> js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/ ......
LayUI
CSS类(Class) layui-elem-quote 'blockquote' layui-text 'blockquote' layui-elem-field 'fieldset' laytui-field-title 'fieldset' layui-form 'form' laytui-f ......
Layui事件监听（表单和数据表格）
一、表单的事件监听 先介绍一下几个属性的用法 1、lay-filter 事件过滤器 相当于选择器，layui的专属选择器 2、lay-verify 验证属性 属性值可以是 ：required必填项， phone手机号，email邮箱，url网址，number数字，date日期，identity身份证 ......
【前端】Layui动态数据表格拖动排序
目的：使用Layui的数据表格，拖动行进行排序。 使用插件：layui-soul-table 和 Layui 1.layui-soul-table文档：https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文档：Layu ......
Layui-select 下拉框实现拼音全拼匹配/首字母模糊搜索
# Layui 中 搜索选择框 搜索汉字不管用解决方案 ### 基于layui 2.5.3 ### 首先贴上原创作者的文章地址,非常感谢他的思路 ### Layui-select 下拉框实现拼音全拼匹配/首字母模糊搜索 ### 最近做项目的时候引用了layui并使用了本文作者的方法解决了我得问题,但 ......
php7+layui超简单分页示例代码
1 <?php 2 try { 3 $dsn = "mysql:host=localhost;dbname=数据库名"; 4 $username = "数据库名"; 5 $password = "数据库密码"; 6 $pdo = new PDO($dsn, $username, $password) ......
mvc+layui上传视频
一、 视频上传 1、 前端： <div class="layui-container"> <div class="layui-row"> <div class="layui-col-md6"> <div class="layui-upload"> <button type="button" clas ......
layui-form 提交按钮不生效
 有时候`layui-form `不生效是因为`div`的层级关系错误造 ......
layui - table 回填 - 相关
table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ { type: 'checkbox' }, { field: 'value ......
layui穿梭框实现上下移动
.layuiTransformBtns{ float: right; width: 20px; margin-top: 158px;} <fieldset class="table-search-fieldset2" > <legend>体检项目</legend> <div class="layui ......
layui-tree 设置子父级节点联动
1 vue版本2.5.6 2 3 1、设置选择父级节点，子级节点不联动选择 4 5 ① 前端代码 6 7 layui.use(['tree', 'util'], function() { 8 var tree = layui.tree; 9 var util = layui.util; 10 tre ......
.Net6基于layui和ztree完成树形选择器添加和反填和修改
以责任科室为例存储两个值ResponsibleDepartment和AoId，ResponsibleDepartment:是科室名称，AoId是科室Id 添加: <div class="layui-form-item layui-form-text"> <label class="layui-for ......
Layui 内置方法 - layer.closeAll(关闭所有层)
如果不想去获取index你只想关闭,那么可以使用closeAll。如果不指向层类型的话，它会销毁掉当前页所有的layer层。当然，如果只想关闭某个类型的层，那么可以:layer.closeAll();//疯狂模式，关闭所有层layer.closeAll('dialog'); //关闭信息框layer ......
解决layui的bug 在layui tree 组件中 禁用选中父节点后自动选中子节点功能
最近做权限管理后台，用了layui tree 组件，发现选中了父节点后，自动选中了子节点。不满足现实业务需求。所以微调了下源代码。 在用树形组件中，在用文档中 tree.setChecked('demoId', [2, 3]); //批量勾选 id 为 2、3 的节点 用这句代码，进行自动勾选的时候 ......
layui 表单提交
新手小白，使用layui的时候，表单如何像普通表单那样提交呢？ 如下：只需要在回调函数里 返回true,并且在form表单正常添加 action 和 method 属性就行！ 如果返回false;将会拦截 阻止默认 form 跳转，此时可以在函数里通过 ajax 进行数据交互 <form class ......
记一次<!DOCTYPE html>引起的height100%总是屏幕高度，layui弹框top值很大超出屏幕问题
不管父元素有没有指定高度，只要有height:100% 高度就是是九百多，我屏幕的高度或者浏览器可显示区域高度 最先是swiper区域控制不了高度一致九百多，后来发现layui的checkbox span文字高度也是九百多，两个地方均有height100% layui msg 无法显示，查看源代码 ......
layui 关闭弹窗 表格页码获取
关闭当前弹窗： 获取当前页面id： let currPageIndex = layer.index; 添加或编辑操作结束后调用： let style = '#layui-layer' + currPageIndex + ' .layui-layer-close'; $(style).click(); ......
layui弹出层按钮提交iframe表单
1、当使用layer.open打开一个iframe的子页面：进行添加编辑时，保存提交是在layer.open()中进行处理的。 问题来了：当我们提交表单时，就要获取form表单对象 第一种：在layer.open中iframe页面的form提交：使用form.submit() 这种提交是没有返回结果 ......
layui相关问题
layui table横向滚动条不显示问题： 博主使用的是layuimini模板，显示出数据后发现滚动条消失了，在谷歌、IE浏览器都看不到，在火狐浏览器上倒是能正常显示出来，若没有水平滚动条，是不利于展示数据种类多的数据。搞了好久，最后发现竟然是layuimini模板css样式把它给禁用了。注释掉即 ......
layui layer.open弹框iframe最大化下面有空白处理
思考为什么最大化会导致下面有空白这个时候我们去看这个时候就会发现其实他并没有任何去设置了他的一个高度我们的一个高度只不过是基于我们的弹框设置了多少高度那么他就是多少高度最终需要最大化处理一下他的那个方法 需要去获取到他的谈款的iframe这个引入然后去处理掉他。因为每一个页面的数据渲染也是嵌入了一个 ......
layui表格内可编辑下拉框
表格内可编辑下拉框扩展自别人的表格内下拉框 一、列模板 <script type="text/html" id="selectTpl"> <div class="inputdiv"> <input class="layui-input" name="method" z-filter="input" ......
layui框架学习
# layui框架学习 ## 1. table 数据表格文档 ### 1.三种初始化渲染方式 | 方式 | 机制 | 适用场景 | | | : | : | : | | | 01. | [方法渲染](https://layui.itze.cn/doc/modules/table.html#method ......
laytpl（ Layui 的一款轻量 JavaScript 模板引擎）html标签点击事件传递多参
<script type="text/html" id="aobjectvalue_temp"> <span class="us-font-blue" style="cursor:pointer" onclick="seeinfo('{{d.aobjectkey}}','{{d.atype}}')" ......
Wtm layui add form pop out and dispaly in tables
#region AddChargeItem [AllRights] //use in edit page public IActionResult AddChargeJob(string id) { var vm = Wtm.CreateVM<tbl_ma_dbn_jobListVM>(); vm. ......
解决layui框架自带的excel导出长数据变科学计数法
项目中需要导出excel时，如果是大项目、要求高，当然使用第三方插件，或者后台导出是必要的，但是如果是一些小型项目，并且对导出excel样式要求不是很严格的，而且前端框架用的是layui的，layui框架自带的excel导出就成了我们最方便快捷的选择，但是在导出数据时会遇到一个问题： 问题： lay ......
Layui自带的导出功能在导出身份证时后3位为000
在使用Layui自带的导出功能进行数据导出操作时，会发现身份证号码会出现000的情况。 最开始在网上找资料，有人说要下载Excel的插件包也有说要修改js文件。搞半天还是不行。其实一行代码就ok，废话不多说自己上代码： 只需要在获取数据时加上以下代码即可 {field: 'identity', ti ......
fastadmin后台引入layui
一、首先进入官网 https://layui.dev/ 然后点击直接下载。 二、把下载好的包放入项目libs目录下。 我这里创建了一个目录叫：fastadmin-layui，然后把包里所有的文件复制到该目录下。 三、修改require-backend.js 文件，在 paths 和 shim 中分别 ......