分享一个自己写的方便操作layui的jquery工具类文档jquery.layui.util.js1.tableGetCheckIds简介
获取layui table 所有选中的id
参数
tableId（table组件的id）
返回值
选中的所有id以","结尾的字符串
用法
$.lay.tableGetCheckIds("test");2.reloadAllIframe简
http://www.y-one.cn/code/ac4fcacc04224a71b8b49a5e683e88fb.html
原创
2023-05-09 16:02:41
114阅读
Layui1.布局容器(直接class="")1.1 固定宽度（就是两边有空白）class="layui-container"1.2 完整宽
原创
2022-10-31 13:57:47
118阅读
原创
2021-10-18 14:10:11
307阅读
layui表格监听checkbox是否选中并获取选中行的数据 // maingrid：body里面的table的id名 table.on('checkbox(maingrid)', function(obj){ console.log("当前是否选中状态："+obj.checked); //当前是否
原创
2021-05-30 22:56:18
685阅读
layui 怎么引用在下载layui后如何快速将其引入至项目中，layui是一款经典模块化前端ui，它的模块是基于 layui.js 内部实现的异步模块加载方式 ，与日常所熟知的AMD 规范有所区别，有一套完全属于layui定义的模块加载规范，通过预加载方式，这也是layui官方所推荐的方式，将下载到的源码引入项目只需要引入layui.css和layui.js两个文件，通过layui.use()方
转载
2023-09-28 07:03:22
112阅读
需求 点击一行数据后面的处理,只刷新这行数据的内容,不全部刷新页面update layui 给我们提供了update方法,可以用来修改当前行数据//工具条事件
table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-fi
即，目前认为，layui和easyui都可以看成是一个UI框架，然后二者的用途基本类似，可以互相取代。easyui是基于jQuery的。自然 layui和easyui就UI框架这个层面来讲，背后的基础都是JavaScript。目录1.【JQuery easyui】是什么？2.jquery easyui和layui的区别是什么？1.【JQuery easyui】是什么？本部分参
转载
2023-09-23 07:04:27
0阅读
layui的介绍layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准
简单介绍我是通过Servlet传递json给layui数据表格模块，实现遍历操作的，不过数据量大的话还是需要搜索功能的。这是我参考网上大佬代码写出的搜索功能。实现原理要实现搜索功能，肯定需要链接数据库并在数据库根据相应的字段查询，把查询结果再返回到layui数据表格，因为需要展示我们在数据库查询到的数据，所以需要重载表格，也就是只刷新一下表格。实现方法首先获取到自己的搜索框的数据，把数据传到重载模
背景项目是vue+element UI，日期范围选择控件如element官网双击时会填充开始日期和结束日期，老板总是点击开始日期激活选择框，双击一个日期，然后点击结束日期激活选择框，再次双击一个日期，然后说这两个日期怎么一模一样...无奈，最后找到了这种带有确定按钮的选择组件，layui1.引入1.1下载：https://www.layui.com/解压后得到如下内容：1.2 把整个目录拷贝到项目
转载
2023-08-13 08:27:11
180阅读
这两天为了实现分页模糊查询了很多种方法，最后汇总使用了两个前端框架来写，第一个是Bootstrap，第二个是Layui。 Bootstrap是一种较为粗暴的方法，而Layui则需要自己渲染分页 本篇文章先介绍使用Layui进行模糊分页查询。比较简单，大牛轻喷嘿嘿嘿嘿嘿嘿嘿 Layui是一个非常不错的前端框架，上手很快，用起来也很舒服便捷，附上官方网站：https://www.layui.com/L
Layui 的内置jquery 版本
//layui-v2.4.5 的内置jquery 版本。
console.log(layui.$.fn.jquery);//=> 1.12.3可以使用内置jq的方法：方法一：layui.use(['table'], function(){
var table = layui.table,
$=la
转载
2023-06-15 20:01:50
553阅读
$(document).ready(function(){ // 开始写 jQuery 代码... });这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
jquery选择器
选择器有三种
$("p")元素选择器
$("#test") id选择器
$(".test") 类选择器
一些扩展
$("*") 选取所有元素
$(this
1.关于layui导出方式，直接使用layui（版本2.4.5及以上）自带的导出方法即可： 源码如下：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui--layui-table导出Excel</title>
<meta name
register.html 源代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible"
表单组件表单组件form是包含输入框、选择框、复选框、开关、单选框等表单项组件的集合，主要用于对表单域进行各类动态化渲染和相关的交互操作。form是 Layui 最常用的组件之一。布局通过 class=“layui-form” 定义一个表单域，通常设置在标签上， 或普通
标签亦可。
通过 class=“layui-form-item” 定义一个块级元素的表单项容器通过 cla
layui是国人开发的一款非常简洁的UI框架，使用了模块化加载方式，因此在使用过程中我们难免需要添加自己的模块，本教程就教大家封装一个简单的模块。平常使用中，ajax可以说使用广泛，所以这里我们添加一个自己的模块，将ajax封装一下，方便使用。注：模块加载需要服务器环境支持，因此看本教程前，请先在你本地搭建好本地服务器环境，这个不在本教程范畴内，请自行百度。1、搭建项目目录首先从layui的网站下
一、安装layui插件 1、访问：https://www.layui.com/ 2、点击立即下载，将下载后的文件解压，将解压后文件夹layui-v2.6.8中的layui文件夹复制到flask项目中static文件夹中： 二、在html文件中引入layui插件 <link href="../stat ...
转载
2021-09-02 17:48:00
4445阅读
2评论
本笔记只记比较难的选项卡layui的element对象有什么用？ 请点击查看常用元素操作是个什么鬼，从官方解释简单来说就是在页面中有一些动态的效果，当然不是我们说的动态网页那个动态，这些动态效果呢，就是通过我们去加载element模块以后，默认为页面的这些元素添加的一些动态效果，比如layui文档顶部的导航下部的小滑块的效果lay-filter=“demo” 是用于事件标记，可用于标记表单对象及相
