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

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

10.23
热度 525
Layui 图片上传结合 Spring MVC 表单提交的实现

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

10.23
热度 562
解决layui layer弹窗中select下拉框被遮挡问题

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

10.23
热度 538
Layui Table动态修改表头并刷新数据的方法

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

10.23
热度 140
JavaScript 实现 3D 图片轮播效果

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

10.23
热度 85
解决layui弹出层layer的area过大被遮挡的问题

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

10.23
热度 367
Layui Flow 模块加载失败显示占位图的修改方案

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

10.23
热度 661
Layui Switch开关动态控制禁用状态

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

10.23
热度 556
Layui Table 获取分页 limit 的方法

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

10.23
热度 463
Layui Table 中实现部分行复选框禁用的方法

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

10.23
热度 379
基于Layui与jQuery.treetable实现树形表格的方法

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

10.23
热度 657
解决LayUI页面显示不全的方法

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

10.23
热度 145

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署