前端 layui
简析
努力去做!Just do it!
展开
-
<笔记>layUI树状treetable树形表格
树形表格treeTable实现了layui数据表格的大部分功能,并且在用法上与几乎数据表格一致, 支持懒加载、复选框联动(半选)、拖拽列宽、固定表头等功能。 演示地址:https://whvse.gitee.io/treetable-lay/demo/ 开发文档:https://gitee.com/whvse/treetable-lay/wikis/pages ...原创 2020-08-28 15:34:46 · 1464 阅读 · 0 评论 -
笔记:layui 复选框checked获取值和赋值
记录一下这个写法 unitTypeCheckbox = $("input[id='feedback']")(unitTypeCheckbox[i].title == unitType[j]) var unitTypeCheckbox = $("input[id='feedback']"); for (var i = 0; i < unitTypeCheckbox.length; i++) { if (uni...原创 2020-08-14 16:38:31 · 3550 阅读 · 0 评论 -
layui 日期输入框 禁止输入字符
layui 的日期输入框,输入其他字符时报错。首先想到加限制,比如 给输入框加 lay-verify="date" ,但是加了layui 中这个限制,就成了必填,空值不行,本来想改一下form.js 中对date的正则,觉得欠妥。后来的解决办法是,让日期输入框只能选择,不可填写。加readonly <input type="text" class="layui-input" name="startDate" id="date1" placeholder="开始日期" readonly&原创 2020-06-23 11:00:11 · 3640 阅读 · 0 评论 -
js正则表达式 最多3位小数
layui 中加js正则表达式验证1、正数,且最多3位小数//自定义验证 form.verify({ price: function(value, item) { //value:表单的值、item:表单的DOM对象 if (!new RegExp("(^$)|^[0-9]+(.?[0-9]{1,3})?$").test(value)) { //if (!new RegExp("^[\\+\\-]?[\\d]+(\原创 2020-06-20 15:05:22 · 11985 阅读 · 0 评论 -
layer弹窗在火狐下闪烁问题
layui弹窗在火狐下弹出的时候,会闪一下再弹出。解决办法,关闭动画,就不闪烁了,但是动画没了。注意一下不同版本参数设置不同。在open{}参数设置 anim: -1 ,这个参数是关闭弹出层默认动画的layer.open({ type: 1, anim: -1,//关闭动画 content: '传入任意的文本或html' //这里content是一个普通的String});3.0之前的版本用的是shift参数layer.open({ type: 1, ...原创 2020-06-04 11:46:58 · 512 阅读 · 0 评论 -
laydate时间控件在谷歌浏览器中兼容性问题
laydate时间控件在360里弹出正常,在谷歌浏览器中弹出有问题,总是闪一下也不弹出。解决办法如下:在如下代码中添加 trigger: 'click’ //列表时间选择 layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 ,trigger: 'click' //自动弹出控件的事件,采用cl原创 2020-05-16 08:46:13 · 1722 阅读 · 0 评论 -
layui 在子页面打开tab页
参考原文地址:https://blog.csdn.net/Smile__Mo/article/details/80944643var href ='views/list/productdetail.html?productKey=' + data.productKey;var l = parent === self ? layui : top.layui;l.index.open...原创 2020-02-16 11:45:13 · 6290 阅读 · 0 评论 -
layui表单重置清空
今天写添加,编辑功能时,用到重置表单功能,不是点击按钮重置,而是在添加时清空一下,记录下html代码: <form id="formId"> <!--内容--> </form> html代码: <form id="myform"> <!--内容--> </form>在调用弹...原创 2019-11-16 13:50:07 · 15659 阅读 · 0 评论 -
echarts 加载loading 动画
echarts 加载慢,想要loading动画,但是自带的不能修改那个图表的样式,只能修改文字样式。样式不是去我想要的如下//echarts3 加载动画showLoading(); hideLoading();//关闭loading 写到ajax里,成功调用后 加layui自带loading效果,于是改用layui的loading//注意,layer.msg默认3秒自动...原创 2019-07-20 11:37:28 · 5541 阅读 · 0 评论 -
笔记:layui 给数据表格加序号的方法
1,第一种需求,只给当前页加序号(1),给你的数据加上 templet属性? 1 2 3 ,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', width:80, title...转载 2019-07-11 17:28:21 · 694 阅读 · 2 评论 -
笔记:关于layui table分页的实现
问题:获取数据的时候不分页,虽然页码那里正常显示,但是按第一页,第二页,都无效,都是显示的全部数据。问题原因:我以为设置了 page:true;(默认10条) limit参数和limits参数 就可以自动分页了呢,原来不对,不是前端控制分页,而是后端来分,前端 url每次会传给后端page和limit俩参数,我们可以在浏览器调试工具 network 里边看到,如下图后端获取...转载 2019-07-11 11:27:03 · 2363 阅读 · 0 评论 -
笔记:setInterval设置与清除,全局变量windows设置
开关控制实时刷新功能,写的时候遇到俩问题1、在layui中直接定义函数,调用会出现未定义错误解决方法:window.setInterval(function() { refreshTime(); }, 5000); // 5秒刷新一次2、定时器要清除,但是如果 clearInterval(int) ,int...原创 2019-07-05 17:25:21 · 3364 阅读 · 0 评论 -
笔记:layui中调用自定义函数
直接定义函数在layui中行不通,.报错:未定义在setInterval .前加个window.就行了 // 监听实时刷新 form.on('switch(realtime)', function(data) { if (data.elem.checked) { //开关是否开启,true或者false fu...原创 2019-07-05 16:10:22 · 3320 阅读 · 0 评论 -
layui数据表格无数据显示undefined
表格查询时,无数据返回underfined。原因是是table.render的时候text设置成一个字符串了,他需要的是一个obj,你可以不设置它,它会默认显示无数据,可以定制但是必须写对,如下table.render({ ..., text: {none: '无数据'}});我自己写了个tableset的模块,用来设置这些通用的参数// /**// 201...原创 2019-06-29 07:10:25 · 14522 阅读 · 0 评论 -
登录后在sessionStorage中添加token的值,退出后清空
登录后在sessionStorage中添加token的值,退出后清空localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。语法window.sessionStorage保存数据语法:sessionSto...原创 2019-06-27 16:20:13 · 5332 阅读 · 0 评论 -
Layui 后端返回的json数据格式和前端table要求的不一致-----Day2
Layui 后端返回的json数据格式和前端table要求的不一致layui要求格式为但是后端传过来的格式是这样的解决办法:layui 2.4之后 有parseData 参数和response 参数设置解析成 table 组件所规定的数据,重新规定返回的数据格式在table.render 中加入这两个参数重新定义以下是官方文档:以上是官方给出的定...原创 2019-06-27 15:08:59 · 7697 阅读 · 0 评论 -
beforeSend 出现跨域问题,header里直接设置token就没问题----Day1
一开始前端调用后端接口出现跨域问题,右键查看元素,会有跨域错误提示,类似下图,后来找后端设置了一下,问题解决。可以登录获取token等参数了。但是 请求设备列表时,beforeSend 中设置token却失败了,没有效果,出错,然后后端程序给的解决方案是在header中设置。//beforesend这个不行,传不过去 beforeSend: function(xhr) { ...原创 2019-06-27 16:20:21 · 2381 阅读 · 0 评论