一生猿,一世猿。
                    —— 猿医生·yys目录一、前言二、正文一、前言       “甭管好不好用,先好看再说”,产品经理一句话,阐述了我两年的心声 (再现任公司已两年,依然是升职加薪无望的攻城狮,哈哈 ~),相信有很多猿友跟我一样,看着自己写的优秀            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-28 13:42:00
                            
                                610阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            学习资源:《Excel VBA从入门到进阶》第三讲 判断语句 by蓝色幻想一、语句句式If...Then...Else 语句 (中间else if或else可以选用或不用)If 表达式1 Then
   语句块1
ElseIf 表达式2 Then
   语句块2
ElseIf 表达式3 Then
   语句块3
Else
   语句块4
...
End If  2. Select C            
                
         
            
            
            
            一、数据表格1.添加序号:type类型定义为numbers        <th lay-data="{width:'5%',type:'numbers',fixed:'left'}">序号</th>2.添加排序:添加sort属性sort:true                 
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-28 18:30:50
                            
                                219阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             碰到表中列很多如下表   使用layui table的筛选功能.选完之后呢,关掉浏览器再打开或者换个页面再打开的时候,选择就白选了.这种情况下,客户就要求加个记忆功能.让她下次再打开的时候,还能记忆上次选择的网上几乎没有这种使用的例子.总之是没有找到相关资料,于是我就把实现的过程记录下来,方便大家用到的时候做个参考.实现: 记忆的数据可以存到数据库,可以存            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-20 11:16:12
                            
                                1297阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、由于导入数据需要有条件,避免点击上传直接就弹出附件选择 html代码 <button type="button" class="layui-btn" id="check"> <i class="layui-icon"></i>导入</button> <button hidden type="b ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-16 14:01:00
                            
                                719阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            风格说明默认风格 只用加layui-tab简洁风格  layui-tab-brief卡片风格   layui-tab-card相关样式         |--layui-tab  代表一个选项卡      &n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-27 17:55:24
                            
                                8阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在现代前端开发中,表单验证是不可或缺的一部分。在使用`layui`和`jquery`进行开发时,如何判断用户输入的`input`是否为空成为了一个常见的问题。本文将通过环境准备、分步指南、配置详解、验证测试、优化技巧和扩展应用等模块系统地整理解决方案。
## 环境准备
在使用`layui`和`jquery`进行开发之前,确保你的环境满足以下软硬件要求:
- **软硬件要求**:
  - 浏览            
                
         
            
            
            
            主要是在后台实现数据的条件查询,然后将按条件查询出来的结果返回给前端,重载表格。这里实现环境我使用的是.net mvc框架。1.首先定义查询按钮;<button id="reloadBtn" class="layui-btn" data-type="reload">搜索</button>2.定义要查询时需要传递的值,比如我这里是针对工夹具的某个属性,主要传递两个值,一个是所            
                
         
            
            
            
            代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui 示例</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.            
                
         
            
            
            
            按钮的条件判断直接在表格渲染的cols判断    , {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) {      if (d.pool_able == "0") {       return "<a class='layui-btn            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-29 13:42:17
                            
                                608阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            按钮的条件判断直接在表格渲染的cols判断    , {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) {      if (d.pool_able == "0"            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-30 16:24:43
                            
                                2169阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                         
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-10-18 14:10:11
                            
                                359阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            layui表格监听checkbox是否选中并获取选中行的数据 // maingrid:body里面的table的id名 table.on('checkbox(maingrid)', function(obj){ console.log("当前是否选中状态:"+obj.checked); //当前是否            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-30 22:56:18
                            
                                774阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://www.y-one.cn/code/ac4fcacc04224a71b8b49a5e683e88fb.html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-09 16:02:41
                            
                                120阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Layui1.布局容器(直接class="")1.1 固定宽度(就是两边有空白)class="layui-container"1.2 完整宽            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-31 13:57:47
                            
                                133阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            分享一个自己写的方便操作layui的jquery工具类文档jquery.layui.util.js1.tableGetCheckIds简介
		获取layui table 所有选中的id
	参数
		tableId(table组件的id)
	返回值
		选中的所有id以","结尾的字符串
	用法
		$.lay.tableGetCheckIds("test");2.reloadAllIframe简            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-25 18:26:28
                            
                                200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景项目是vue+element UI,日期范围选择控件如element官网双击时会填充开始日期和结束日期,老板总是点击开始日期激活选择框,双击一个日期,然后点击结束日期激活选择框,再次双击一个日期,然后说这两个日期怎么一模一样...无奈,最后找到了这种带有确定按钮的选择组件,layui1.引入1.1下载:https://www.layui.com/解压后得到如下内容:1.2 把整个目录拷贝到项目            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-13 08:27:11
                            
                                221阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这两天为了实现分页模糊查询了很多种方法,最后汇总使用了两个前端框架来写,第一个是Bootstrap,第二个是Layui。 Bootstrap是一种较为粗暴的方法,而Layui则需要自己渲染分页 本篇文章先介绍使用Layui进行模糊分页查询。比较简单,大牛轻喷嘿嘿嘿嘿嘿嘿嘿 Layui是一个非常不错的前端框架,上手很快,用起来也很舒服便捷,附上官方网站:https://www.layui.com/L            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-07 08:37:36
                            
                                67阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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
                            
                                640阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            layui的介绍layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-19 22:47:00
                            
                                140阅读
                            
                                                                             
                 
                
                                
                    