全部内容
Layui Tree 下拉菜单树实现示例

本文提供 Layui Tree 组件实现下拉菜单树的完整实例代码。通过 HTML 结构、CSS 样式及 JavaScript 交互逻辑,展示如何构建可交互的树形下拉选择器。包含必要的 Layui 资源引入及点击事件处理,适用于需要树形结构选择功能的前端场景。

2026-10-23 11:23:36
525
阿沐
Layui 图片上传结合 Spring MVC 表单提交的实现

本文介绍如何使用 Layui 实现前端图片拖拽上传,并通过 Spring MVC 后端接口接收文件。示例包含 HTML 结构、JS 配置及 Java 控制器代码,展示如何将图片保存至服务器并返回路径,同时兼容常规表单提交场景。

2026-10-23 11:23:27
562
清欢
解决layui layer弹窗中select下拉框被遮挡问题

在使用layui layer弹窗时,select下拉菜单常被父级容器遮挡。核心解决思路是将弹窗层级(如layui-table-body、layui-table-box、layui-table-view)的overflow属性修改为visible,使下拉内容能溢出显示。本文提供具体的jQuery代码示例,帮助开发者快速修复此UI显示异常。

2026-10-23 11:23:26
538
资源驿站
Layui Table动态修改表头并刷新数据的方法

本文介绍在Layui框架中动态修改表格表头的实现方式。由于table.reload方法暂不支持直接变更配置基础函数,通过删除原表格DOM并重建元素后重新加载的方式实现。文章提供了完整的HTML结构、JavaScript代码示例及点击前后的效果对比,帮助开发者解决动态表头需求。

2026-10-23 11:23:16
140
资源驿站
JavaScript 实现 3D 图片轮播效果

本文介绍如何使用 JavaScript 实现具有视觉冲击力的 3D 图片轮播效果。通过 HTML 构建列表结构,结合 CSS 样式布局,并利用 JS 控制图片的缩放与位移,实现逐张切换的幻灯片展示。

2026-10-23 11:23:14
85
代码拾荒
解决layui弹出层layer的area过大被遮挡的问题

本文介绍如何解决layui中layer弹出层因area设置过大导致超出当前页面可视区域而无法操作的问题。通过获取当前文档宽高,判断弹出层尺寸,并利用layer.style()方法动态调整窗口大小,确保弹出层始终在可视范围内且可交互。

2026-10-23 11:23:03
367
百宝袋
Layui Flow 模块加载失败显示占位图的修改方案

本文介绍如何解决Layui Flow模块在图片加载失败时显示裂痕的问题。通过修改lay/modules/flow.js源码,调整对src和lay-src属性的判断逻辑,可实现加载过程中显示自定义loading图片。文中提供了三种具体的代码修改方式及对应效果。

2026-10-23 11:23:03
661
键盘侠
Layui Switch开关动态控制禁用状态

本文介绍如何在Layui框架中通过JavaScript动态控制Switch开关的启用与禁用状态。当后台返回特定数据时,通过移除DOM元素的class属性来改变开关显示效果,并结合事件监听实现交互控制,确保未填写记录无法被启用。

2026-10-23 11:22:50
556
小满
Layui Table 获取分页 limit 的方法

本文介绍在 Layui 框架中如何获取表格的分页限制参数。通过 table.render 初始化表格后,利用实例的 config 对象可直接读取 limit 属性,从而获取当前设定的分页大小。

2026-10-23 11:22:39
463
橙子
Layui Table 中实现部分行复选框禁用的方法

本文介绍如何在 Layui 数据表格中禁止特定行的复选框勾选。通过遍历指定行索引并设置 disabled 属性,结合 CSS 修改禁用状态的视觉样式,同时在前端校验逻辑中拦截被禁行的数据提交,确保业务规则执行。

2026-10-23 11:22:30
379
桌面漫游
基于Layui与jQuery.treetable实现树形表格的方法

本文介绍如何利用Layui框架配合jQuery.treetable插件实现树形表格效果。核心在于后端需返回包含父ID(parentId)的层级数据,前端通过Ajax获取数据后,利用插件提供的API对DOM结构进行初始化渲染,从而在页面中呈现具有层级关系的表格视图。

2026-10-23 11:22:18
657
键盘侠
解决LayUI页面显示不全的方法

本文介绍解决LayUI页面显示不全的两种常见方法。一是直接修改LayUI CSS文件中的高度属性,注意浏览器缓存;二是在嵌入页面时调整iframe的scrolling属性为yes以启用滚动条。

2026-10-23 11:22:12
145
页面旅途