您的位置:首页 >> LayUI

列表

  • layui laypage组件常见用法总结

    前端

    laypage 的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染。核心方法: laypage.render(options) 来设置基础参数。一、laypage的常用基础参数layui.use([la

  • layui中table的sort排序介绍

    前端

    今天来谈谈table sort的那点事。预告一下,目的是做到前台排序还有服务器排序区分开,目前的table的分页实际是比较“乱”的,相信很多用的有一段时间的特别是做server排序的同学都会多多少少遇到不正常的情况。推荐:layui教程先看

  • layui table模块对表格数据处理后的排序问题

    前端

    使用layui table过程中,将某一列的数据格式进行转换,或者将0/1状态改为是/否,或者将数字改为星星评分显示的时候都会遇到一个问题,我的表格数据转换成其他形式,同时设置了sort:true,此时,点击排序按钮之后,该列数据就消失了。

  • 数据表格自动分配列宽的一种实现方法

    前端

    layui数据表格自动分配列宽效果图:适用场景:主要是解决窗口大小改变后表格尾列出现空白和滚动条的问题-窗口由小变大,出现表格尾列出现空白窗口由大变小,出现横向滚动条重新加载框架后恢复正常使用前提:-每一列的表头必须全部设置minWidth

  • 采用layui的美化时保留select里面的change事件

    前端

    很多小伙伴遇到美化了之后里面的change事件不触发了这个问题,以前的建议就是既然使用layui的组件,就充分利用他,他对应的也提供了表单的select事件,但是如果这些节点以前就存在了后来用了layui岂不是都要去把对应的事件搬过来。推荐

  • 基于layui的步骤条面板(附代码)

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,下面我们来看一下基于layui的步骤条面板实现。html元素<div class="layui-step"> <di

  • LayUI第三方插件开发规范详解

    前端

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

  • Layui table组件相关介绍

    前端

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

  • layui上传图片详解(附代码)

    前端

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

  • layui中创建table的方法

    前端

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

  • layui的模块化和非模块化使用(附代码)

    前端

    非模块化和模块化的区别是非模块化不用每次都调用layui.use([],fun...)引入对应模块,引入的JS是/layui/layui.all.js模块化必须每次都调用layui.use([],fun...)引入对应模块,引入的JS是/l

  • layui入门总结

    前端

    获得 Layui你可以在官网首页下载到 Layui 的最新版,也可以通过 GitHub 得到Layui的开源包。目前只同步维护这两处资源渠道。一般如果你是用于实际项目,推荐你直接从官网下载。layui构建后的结构(也就是你获得的包)├─cs

  • layui复选框使用介绍

    前端

    layui复选框:效果图layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了。只可以通过js动态设置html代码使用了jfinal的

  • layui模块介绍

    前端

    关于layUI模块的核心,就是 layui.js 的两个底层方法:一个用于定义模块的 layui.define(),一个加载模块的 layui.use()。(推荐:layui使用教程)1、预先加载Layui的模块加载采用核心的 layui.

  • layui事件监听使用

    前端

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

  • layui项目中使用函数layui.define的方法介绍

    前端

    前言:1、如果你深刻理解并合理运用 layui.define,那么本篇对你来说有点浪费时间了。2、如果你对于“Javascript 模块化开发”听都没听过,更别说还要理解它。那么建议可以先在网络上找找什么是“Javascript 模块化开发

  • 改造传统jquery扩展为layui模块方法介绍

    前端

    Layui中内置了jquery只有你所使用的模块有依赖到它,它才会加载,并且如果你的页面已经script引入了jquery,它并不会重复加载。内置的jquery模块去除了全局的$和jQuery。这是layui文档中的描述,它内置了jq,但是

  • layui表格数据变更的一种处理方式

    前端

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

  • layui数据表格使用的几个技巧

    前端

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

  • layui表格反转的一个简单实现方式

    前端

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