全部内容
Layui数据表格实现分页、搜索与选中项缓存方案

本文介绍基于Layui框架实现数据表格的分页、搜索及复选框全选功能,重点解决页面切换后选中状态丢失的问题。通过前端JS缓存选中ID列表,并结合后端Java接口接收参数,实现跨页数据选中状态的持久化,适用于需要批量处理或生成文件的场景。

2026-10-23 11:23:47
270
巡夜人
Layui点击弹框提交表单及刷新IFrame页面的实现

本文介绍如何在Layui中实现点击按钮弹出包含表单的对话框,并在提交后刷新父页面中的IFrame。通过layer.open配置内容区域,结合JavaScript遍历IFrame列表并调用location.reload()方法,解决数据提交后页面状态不同步的问题。

2026-10-23 11:23:45
305
代码拾荒
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
橙子