随笔分类 - layui
摘要：layui项目，需要展现图表相关功能，官网默认使用的echarts图表库，但是免费下载的组件中，并不包含echarts组件，我们需要自己扩展组件。 去echarts下载 echarts.js，链接： https://echarts.apache.org/handbook/zh/get-started
阅读全文
摘要：这个平时没有注意过，今天有人问到，就记录一下吧 layui的表格使用非常简单，layui文档中已经非常详细，下面直接上代码了 1.jsp代码 <div class="demoTable"> <button class="layui-btn" data-type="publish">发布Banner<
阅读全文
摘要：同时设置数据表格单元格的height和line-height样式，且属性值必须一致 .layui-table-cell{ height:36px; line-height: 36px; } 转载：https://blog.csdn.net/cccmercy/article/details/79115
阅读全文
摘要：解决方案 在使用tp上传多个文件上传的时候，一定要注意前台的写法！！！ 先把我代码贴出来参考一下：index控制器： <?php namespace app\index\controller; use think\Controller; use think\Loader; use think\Db;
阅读全文
摘要：layui发送手机验证码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登入</title> <meta name="viewport" content="width=device-width, initial-scale=1
阅读全文
摘要：在我的客户页面，调整到 我的合同页面： <div>请去【<a style="color:green" class="toPage" data-type="toPage" >合同管理—我的合同</a>】页面提交审核！</div> js: var active = { toPage:function (
阅读全文
摘要：获取layui表单复选框已选中的数据 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui.form.checkbox 获取选中</title> <link rel="stylesheet" href="layu
阅读全文
摘要：这个效果就是，点击一个询问层窗口，确定之后就会出现一个弹出框，弹出框会显示进度条，进度条结束后自动关闭窗口。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="../../Conten
阅读全文
摘要：function showLoad() { return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000}); } function closeL
阅读全文
摘要：刷新按钮的样式 <li class="layui-nav-item" lay-unselect=""> <a href="javascript:;" layadmin-event="refresh" title="刷新"> <i class="layui-icon layui-icon-refres
阅读全文
摘要：刷新iframe页面 一定要注意要刷新的iframe页面与当前页面(编写代码)的关系，同级，父级 如下图，在【database_box】中刷新【header】，代码为： window.parent.parent.document.getElementById(‘header’).contentWin
阅读全文
摘要：var tableObj = table.render({ id: 'list_table', elem: '#list_table', url: '', align: "center", cols: [[ //表头 {type: 'checkbox'}, {type: 'numbers', tit
阅读全文
摘要：样板图： html部分 <div class="layui-form-item" > <label class="layui-form-label">路线</label> <div class="layui-input-block" id="last"> <div class="layui-inpu
阅读全文
摘要：layui的table表格在同一单元格换行显示2个数据（layui-table） 先看一下最终效果图： 1、css要设置行高为自动 <style type="text/css"> .layui-table-cell { height: auto; } </style> 2、html代码，使用temp
阅读全文
摘要：问题来源：最近在写公司项目时使用layui遇见的问题，老板要求根据td字段来设置整行tr的背景色。 解决：一开始数据比较少的时候只是直接在页面根据js动态判断字段然后来更改背景色，结果能够成功，但是后面数据一多起来就发现刚刚写的动态css只限于在第一页有效，其他页没有，在做搜索、增加、删除、修改后动
阅读全文
摘要：在layui数据表格展现中，使用toolbar，由于权限的控制，需要使用templet模板引擎语法进行控制，控制逻辑为只有大于当前时间的记录才能撤销。 效果图如下：（当前时间为2018-06-06） 即过了当前日期的记录是无法撤销。 代码 window.demoTable = table .rend
阅读全文
摘要：效果如图所示： layui版本：2.2.5 $nPageSize=5; //每页条数 $strSQL = "select count(*) as n from msgboard"; $rst = $pdo->query($strSQL); $rstInfo=$rst->fetch(); $nTota
阅读全文
摘要：首先，select一定要放在<form class="layui-form" ></form>里面 然后，加监听<select id="id" lay-filter="testId"></select>，这里的testId就是监听的id 最后，页面加载完执行监听 1 layui.use(['form
阅读全文
摘要：在使用控件select 时，在判断选项值时，莫名其妙地获取到带着许多空格的值。折腾很久，没有结果。 原因：由于格式强迫症，将option 标签换行了，造成傻逼的错误！ 转载：https://blog.csdn.net/chyin1024/article/details/60982523 修改为 ：
阅读全文
摘要：监听复选框 监听点击事件 两个按钮放在<script>中 <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container demoTable"> <button class="layui-btn layui-btn
阅读全文
