![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
小k铁柱
铁柱在努力
展开
-
Layui 多文件上传限制数量
多文件上传时需要自己设置限制数量,我的需求是希望用户最多能选择五个文件files 是我的文件对象, 我将它设置为全局变量,每次选择和删除都会相应地改变 filesobj 每执行一次pushFile这个方法就会将本次选择的文件push 到obj 的文件属性下,并返回所有选择的文件 , choose: function (obj) { let curFiles = obj.pushFile();原创 2020-09-10 14:57:10 · 3823 阅读 · 2 评论 -
layui table 导出搜索到的所有数据--兼容IE浏览器
之前记录过一篇,layui table 导出excel 兼容IE浏览器但这个只能导出当前页面的数据,而用户要求的是导出搜索到的所有数据,那就意味着需要再次请求服务端返回所有数据,我做了一点修改。传入两个参数,id 这个参数是为了获取表头,body 是服务器返回的数据,根据field 和 key 找到它们相对应的字段,如此一来,表格显示几列导出的数据就会有几列。//表格导出function getTableById(id,body) { //根据传入tableID获取表头 var he原创 2020-08-05 11:02:34 · 575 阅读 · 2 评论 -
layui table laypage 实现搜索+排序+服务端分页
现在想对layui table做一个总结,比较难的是分页,数据量大的时候要实现服务端分页,前端分页的话数据量太大估计不行,在sql语句里优化和只查询当前页需要显示的数据,这样速度就会快很多。我将table的操作分了几个部分页面如下所示,初始状态只显示搜索栏,点击“Inquire”后显示相应的数据。基本步骤是:点击查询之后,使用ajax 往后台请求数据,ajax的参数是页码,显示数量,排序的字段,和排序的type(asc或者desc),其他参数自己设定请求成功后先渲染laypage,在jump里渲原创 2020-07-30 11:34:42 · 2364 阅读 · 0 评论 -
input placeholder 里使用 图标
使用的框架是layui使用方式是 加入 layui-icon 类, 然后在input 直接使用 unicode 就ok, unicode就是下面这一串代码<i class="layui-icon"></i> <input type="text" name="prodSche" lay-verify="required" autocomplete="off" placeholder="..." clas原创 2020-07-24 11:20:30 · 3257 阅读 · 0 评论 -
layui table 阻止laypage换页
涉及到改原生代码,耗费了很多时间。记录一下,感谢师兄帮忙。需求是这样的,如果页面上有勾选项,用户不能点击其他页码,也就是页码禁用研究了laypage的页码发现,就算设置了disabled属性,页码还是可以点击,于是一步步调试改了laypage.js 里面的几句代码。修改如下,我把 (i.curr = e, t.render()) 换成了下面的 test() ,写了一个判断。 就只修改了这里原来的代码如下难得是传值的问题了,我传了两个值进来,一个是是否有选中,一个是点击之前的页码,这两原创 2020-07-23 17:20:13 · 824 阅读 · 0 评论 -
layui table 导出excel 兼容IE浏览器
layui自带的excel导出不兼容ie,所以需要自己配置一些东西。参考:https://fly.layui.com/jie/51262/首先下载 layui_exts 下载地址下载之后将 layui_exts 引入layui 的目录在toolbar里增加一个导出按钮 也可以在右边的导出图标重写,在table.render 里记得把 toolbar 加进去 <script type="text/html" id="toolbarDemo"> <div class="原创 2020-07-22 22:11:29 · 1321 阅读 · 0 评论 -
layui layer 自定义皮肤真香警告
不试不知道,一试真的香,layui的弹窗界面做的太人性化了,还能自定义皮肤,我感觉我捡到宝了。嘻嘻作为一个csser,怎么能不自己试一下呢?温馨提示框警告框通用框感觉我的审美有些尴尬,我还是挺纠结的一个人。下面记录一下要怎么配置,首先需要在 layui 文件夹下面新建一个文件,我取名为 skin,在 skin 下新建一个 css 文件,我这里取做 style.css,然后就是去我们的页面中加载这个 css 文件,extend就是路径名称,一般是相对于css文件中的modules里的lay原创 2020-07-22 16:11:41 · 3696 阅读 · 2 评论 -
layui table 获取单元格总是多一个
研究了两天了,一直不明白为什么我根据$('td [data-field]') 查找的元素总是多一倍,这下知道了,是因为我设置了固定列,固定列里面还有一个table-header和table-body只需要$('.layui-table-fixed').find('td[data-field=Id]')就可以获取一列了...原创 2020-07-21 16:03:52 · 769 阅读 · 0 评论 -
layui 可编辑单元格校验
obj.value是用户输入的值首先要获取之前的值oldtext,如果obj.value不符合就显示原来的值但是看似改了其实没改,当我们使用下面这一句获取复选框的值时发现用户输入的不合法的值还是被记录下来,所以这就是为什么使用 obj.update({ AdjustedQty: oldtext });这句,edit这个动作是在更新表格数据之后做的,在我们校验之前就已经被修改了,所以我们需要改回来。 var checkStatus = table.checkStatus(obj.confi原创 2020-07-21 13:58:14 · 5170 阅读 · 1 评论 -
ajax 加载中 显示 loading
用的layui 框架,在ajax 发送请求前触发layui的加载层,待complete再去关闭它,这里要将加载层赋给this.index,确保关闭的是我们定义的加载层 $.ajax({ type: 'post', url: '/layui/getEmployeeData', data: { 'badge': $.trim($('#badge').val())原创 2020-07-19 09:31:34 · 814 阅读 · 0 评论 -
layui Maximum call stack size exceeded
在监听行事件时希望能够实现 点击行时复选框被选中,如下 table.on('row(test)', function (obj) { obj.tr.find('.layui-form-checkbox').click(); });但一直报错:Maximum call stack size exceeded经过我反复思考原来是 在点击行时去触发行内的复选框,复选框的点击事件冒泡再次触发行点击事件,这样无数次循环就出现异常啦。解决方法就是阻止复选框冒泡 $('原创 2020-07-15 23:06:47 · 1932 阅读 · 0 评论 -
layui table 实现 渲染+分页+搜索+修改
页面效果页面效果如下:渲染和分页就不说了,说下搜索和修改下面是搜索下面是修改,我修改了第10行,点击保存之后就会获取到修改的数据具体实现首先说说如何实现分页这里要插入一个分页容器 <p id="page"></p>,详细见[laypage官网示例],(https://www.layui.com/demo/laypage.html) <div style="padding:2rem"> <p class="layui-fo原创 2020-07-12 17:55:12 · 2006 阅读 · 0 评论 -
layui table.reload()
使用table.reload()重载去搜索特定列html <div class="searchTable" id="searchTable"> <div class="layui-inline"> <input class="layui-input layui-inline" id="badge" placeholder="badge" autocomplete="off" style="display:inline;wi原创 2020-07-11 22:07:01 · 27548 阅读 · 2 评论