<!DOCTYPE html> <html> <head> <style> #lay-table { background-color: #fff; color: #666; border-collapse: collapse; border-spacing: 0; } #lay-table td            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-28 15:26:00
                            
                                362阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            tp5之layui分页样式1.分页类路径:\thinkphp\library\think\paginator\driverLayui.php<?phpna            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-08 14:12:54
                            
                                157阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Layui的学习先说说为啥我接触到了layui,因为需要去参与做一个项目,被学长推荐去学习layui,用来处理一些前端的问题。Layui作为一个前端框架,用起来是十分的方便,并且官方文档中还有很多的模板可以参考。作为一个小白,首次接触layui还是比较茫然的,不知道如何去下手,网上搜索的博客也是杂七杂八的,起初看了一个多小时还是不明所以,作为一个走过来的小白,希望能给其他像我一样的小白一点经验,让            
                
         
            
            
            
            author:咔咔<div class="layui-form-item">            <label class="layui-form-label">类型</label>            <div class="layui-input-inline ">            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-12-19 15:24:26
                            
                                228阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             1 <div style="width: 50%"> 2     <table class="layui-table"> 3         <tbody> 4             <tr> 5                 <td>Budtd> 6                 <td>179td> 7            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-18 13:51:19
                            
                                937阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui 示例</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.            
                
         
            
            
            
            出现的问题:1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题(姑且算是 Layui 官方的锅)(自己的锅)笔者使用的 table 加载刷新方案有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加载全数据,当点击 tree 节点时,table 进行筛选,很简单的需求吧!这里我们不谈 tree 的使用,将仅            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-26 16:48:51
                            
                                299阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            产品需求:使用layui checkbox复选框样式实现单选功能html<input type="checkbox" name="name"   lay-skin="primary" lay-filter="name">
<input type="checkbox" name="name"   lay-skin="primary"  lay-filter="name">js            
                
         
            
            
            
            原因是因为在你重新赋值之前的时候layui的样式就把select的样式给渲染好了,所以我们要给它赋值之后重新渲染,代码为:layui.use(['layer','form'],function () {	layui.form.render('select');		});重点是layui.form.render('select')这句就是重新渲染select,如果后面不加参数的话就            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-30 15:01:57
                            
                                125阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 图标layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-07 11:05:43
                            
                                760阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            渲染完成后,需要重新调用layui的方法。 layui.form.render();            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-11 08:44:00
                            
                                362阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            layui数据表格根据字段生成自定义样式 1.根据文字的值不一样显示不同的样式            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-20 23:00:09
                            
                                1083阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            layui表格监听checkbox是否选中并获取选中行的数据 // maingrid:body里面的table的id名 table.on('checkbox(maingrid)', function(obj){ console.log("当前是否选中状态:"+obj.checked); //当前是否            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-30 22:56:18
                            
                                774阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            layer弹框,弹出后自动关闭 今天做项目,出现一个问题,需求是用ajax做文件上传功能,代码写好之后,测试发现问题。 弹出层出现以后我没有主动点击确定和关闭等操作,程序自动关闭了弹出层 一步一步排查,找到了错误,首先,先确认你页面上有没有发生刷新或者其他弹出 我排查以后发现我form里有个clas ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-28 11:34:00
                            
                                357阅读
                            
                                                                                    
                                2评论