随笔分类 - Layui
1
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" /> <script sr
阅读全文
摘要：<div class="layui-form"> <input type="checkbox" lay-skin="primary" name="dutyWatch" value="1" title="在岗" > <input type="checkbox" lay-skin="primary" n
阅读全文
摘要：在通过 Layui 的数据表格功能，构建一个具有复杂表头的数据表格的时候，表格内容的最前面莫名其妙的多出来一列，使原本应该整齐的表格发生了显示异常。数据对不齐，显示错乱 解决方法： 在 JavaScript 中的 colspan: 1 的属性后添加 colGroup: true 属性即可。
阅读全文
摘要：转自于：https://blog.csdn.net/weixin_41606652/article/details/84262729 刚好需要用到后台，发现layui比较轻松，给刚开始写的留点思路，少踩点坑好了，直接上代码 table.on('tool(users)', function(obj){
阅读全文
摘要：方法一： 反转之前的数组： // 1.生成二维数组 for (let i = 0; i < typeList.length; i++) { let tempList = []; let valueList = typeList[i].valueList; for (let j = 0; j < va
阅读全文
摘要：Layui数据表格隔行变色，第一种的就是layui插件里有一个自带的方法： even这个属性把它设置为:true,就开启了隔行毕竟颜色： 出来的效果： 插件的开启隔行背景的颜色是固定是：白色和浅灰色两种颜色交替，如果想改变颜色，但是很麻烦，要找到插件中的样式把它改变，还有考虑样式的优先性，我建议的还
阅读全文
摘要：function alertTips(){ layui.use('layer', function() { layer.open({ type: 2, title: '数据维护', area: ["600px", "400px"], shade: 0.5, maxmin: true, offset:
阅读全文
摘要：//生成年/日表格 function addTable2(data,time,area,titleArray){ for(let e = 0;e<czArray.length;e++){ if(czArray[e].code == area){ area = czArray[e].name; } }
阅读全文
摘要：开发页面中有多个地方需要选择日期，所以选择了layui的 laydate控件，但是在点击第二个“日期选择框”时，生成的选择框只是显示一下就消失了，参考网上的资料，是由于我们点击了“日期选择框”后 ，laydate会给input框增加一个 lay-key=”1”，找到了如下的解决方法：通过类选择“日期
阅读全文
摘要：1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 laydate.render({ elem:'#text1',//制定元素 type:'date', //range:true,//开启左右面板 min:'2017-09-1',// max:'20
阅读全文
摘要：解决layui时间控件清空之后无法正常使用的问题，以及时间范围的选择 共有两种解决方式： 方式一(layui 1.x)： html代码： 1 2 3 4 5 6 7 8 9 10 11 12 <div class="layui-inline"> <div class="layui-input-inl
阅读全文
摘要：//文本里面可以加html标签 let sure = layer.msg('<span style="font-size:20px">确定喜欢她吗？</span>', { time: 0 //0表示不自动关闭 ,time自动关闭所需毫秒 ,单位是毫秒（1秒=1000毫秒） , btn: ['<spa
阅读全文
摘要：let html = "这里面写任何html内容"; 比如:let html ='<div class="nav_upload">\n' + ' <input type="text" value="我是html"/>\n' + '</div>\n' + '<script>\n' + '这里写交互功能
阅读全文
摘要：如果content取的的事当前页面元素内容时，type类型应该为1 layer.open({ type: 1, title: '数据选择器', content: $('#select_pe_content').html(), area: ["920px", "250px"], }); 如果conte
阅读全文
摘要：键: 值 描述 下表的属性都是默认值，您可在调用时按需重新配置，他们可帮助你实现各式各样的风格。如是调用： $.layer({键: 值, 键: 值, …}); type: 0 层的类型。0：信息框（默认），1：页面层，2：iframe层，3：加载层，4：tips层。 此为重要参数，不同类型层的总开关
阅读全文
摘要：模块加载名称：layer，layer独立组件官网：layer.layui.com layer可以独立使用，也可以通过Layui模块化使用。按照实际需求来选择。只使用layer，你可以去layer独立组件官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。如果
阅读全文
摘要：layui.use('laydate', function() { var laydate = layui.laydate; $(this).removeAttr("lay-key"); laydate.render({ elem: '#startTime' ,trigger : 'click' }
阅读全文
摘要：tree.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tree</title> <link rel="stylesheet" href="../res/layui/css/layui.css">
阅读全文
摘要：<table id="demo" lay-filter="test"></table> <script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">查看详情</a></script
阅读全文
摘要：参考文献 layer弹出框，zTree树插件，树形图 zTree官网 手把手教你学zTree 弹层组件文档 - layui.layer layer 快速上手 layui在线示例
阅读全文
1
