随笔分类 -  layui

摘要:1.表单重新渲染(处理下拉框未展示问题) 有时候我们在js中进行下拉框的动态初始化,或者我们做联动下拉的时候发现已经查询出数据但是下拉框并没有展示出来,这个时候就需要我们在初始化完成之后或者联动数据查询之后对表单进行重新渲染,这样就能加载出来了。 layui.use('form', function 阅读全文
posted @ 2024-09-30 17:13 每天进步多一点 阅读(160) 评论(0) 推荐(0) 编辑
摘要:多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解。对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的upload.render方法已经帮我们封装好了,我们只管调用即可,也就是说你选中了几张图片,那么将会向后台请求 阅读全文
posted @ 2023-04-26 20:29 每天进步多一点 阅读(962) 评论(0) 推荐(0) 编辑
摘要:1,第一种需求,只给当前页加序号 (1),给你的数据加上 templet属性 ,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', width:80, 阅读全文
posted @ 2022-05-31 20:45 每天进步多一点 阅读(441) 评论(0) 推荐(0) 编辑
摘要:1.CSS部分: 将这几行css代码放到公共样式文件 1 .plus-minus .layui-input-block{position: relative;} 2 .plus-minus input{position: absolute;top: 0px;left: 0px;text-align: 阅读全文
posted @ 2022-03-31 20:40 每天进步多一点 阅读(3964) 评论(0) 推荐(0) 编辑
摘要:1 // 渲染表格 2 var insTb = table.render({ 3 elem: '#tableArticles', 4 //url: '../../json/loginRecord.json', 5 url: '{:url('hospital/index')}', 6 limit: 1 阅读全文
posted @ 2022-03-25 19:52 每天进步多一点 阅读(301) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>合并行</title> 6 <link href="layui/css/layui.css" rel="stylesheet" /> 7 </head> 8 < 阅读全文
posted @ 2021-08-08 20:09 每天进步多一点 阅读(1046) 评论(0) 推荐(0) 编辑
摘要:1 <script src="~/Scripts/jquery-3.4.1.min.js"></script> 2 <script src="~/Content/layui/layui.js"></script> 3 <script> 4 layui.use('table', function () 阅读全文
posted @ 2021-06-01 20:10 每天进步多一点 阅读(5292) 评论(0) 推荐(2) 编辑
摘要:页面引入layui.css、 layui.js 1 <div id="pTable" style="width: 1200px;"> 2 <table class="layui-table" id="layui_table_id" lay-filter="test"> 3 </table> 4 <d 阅读全文
posted @ 2021-05-17 19:26 每天进步多一点 阅读(1670) 评论(0) 推荐(0) 编辑
摘要:数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为Layui数据表格拿原始数据去渲染数据表格。 1、创建一个作用域合适的JS对象数组用来保存数据表格中的原始数据。 2、将上一步创建的JS对象数组也就是原始数据赋给table.render()的data参数 阅读全文
posted @ 2021-05-17 19:03 每天进步多一点 阅读(6059) 评论(0) 推荐(0) 编辑
摘要:1. 第一种需求,只给当前页加序号 (1)给数据加上 templet属性 1 ,cols: [[ 2 {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} 3 ,{field:'zizeng', width 阅读全文
posted @ 2021-05-17 18:57 每天进步多一点 阅读(1244) 评论(0) 推荐(0) 编辑
摘要:先确保已经引入layui和jquery 再确保初始化layer弹出层 1 <script> 2 layui.use(['form', 'layer'], function() { 3 var form = layui.form; 4 var layer = layui.layer; 5 }); 6 阅读全文
posted @ 2021-04-28 18:53 每天进步多一点 阅读(1414) 评论(0) 推荐(0) 编辑
摘要:layUI可以直接使用本地的json文件进行列表数据渲染,但,我们会发现,官网ctr+c,ctr+v 过来的代码在做查询时每次看起来都有列表刷新的动作,但实际操作无效,百度了一大圈也没找到具体的原因,无奈继续回去看官网,后面总结出只有一点,也是大家比较容易忽略的一点: 官网说在查询时的url必须设置 阅读全文
posted @ 2021-03-27 18:59 每天进步多一点 阅读(1746) 评论(0) 推荐(0) 编辑
摘要:方法1:函数转义 所谓函数转义,就是在表格cols的对应列中直接写一段函数: 1 { field: 'vip_type', title: '会员类型' , templet: function (d) { 2 if(d.vip_type == 1){ 3 res = "钻石会员" 4 }else{ 5 阅读全文
posted @ 2020-12-27 20:24 每天进步多一点 阅读(2822) 评论(0) 推荐(0) 编辑
摘要:1 layui.use('table', function () { 2 var table = layui.table; 3 /*第一种原始写法*/ 4 /* 5 table.render({ 6 id: 'laydictsList', 7 elem: '#test', 8 url: areasU 阅读全文
posted @ 2020-11-26 20:49 每天进步多一点 阅读(7333) 评论(0) 推荐(0) 编辑
摘要:1 layui.use(['table','form'], function() { 2 $ = layui.jquery; 3 table = layui.table; 4 tableIns = initTable(); 5 }); 6 //加载列表 7 function initTable(){ 阅读全文
posted @ 2020-03-31 09:06 每天进步多一点 阅读(1582) 评论(0) 推荐(0) 编辑
摘要:点击左侧菜单栏只刷新局部,局部就用iframe。 首先先建layout页,建左侧菜单栏,然后下面的@RenderBody() 1 <div class="layui-side layui-bg-black"> 2 <div class="layui-side-scroll"> 3 <!-- 左侧导航 阅读全文
posted @ 2020-03-31 09:04 每天进步多一点 阅读(6156) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示