随笔分类 -  Layui

layui时间控件选择时间范围
摘要：解决layui时间控件清空之后无法正常使用的问题，以及时间范围的选择共有两种解决方式：方式一(layui 1.x)：html代码：<div class="layui-inline"><div class="layui-input-inline"><input type="text" name="st 阅读全文
posted @ 2020-09-27 10:54 威武的大萝卜 阅读(2190) 评论(1) 推荐(1)
layui数据表格根据字段生成自定义样式
摘要：layui数据表格根据字段生成自定义样式 1.根据文字的值不一样显示不同的样式 2.根据数字的值不一样显示不同的文字 3.表格显示图片 4.表格里间加按钮 5 设置背景颜色文字颜色 1.根据文字的值不一样显示不同的样式 { field: 'checkState', title: '奖励状态', te 阅读全文
posted @ 2020-09-22 16:45 威武的大萝卜 阅读(2477) 评论(0) 推荐(1)
layui数据表格。表头，表行，表格内容，事件监听
摘要：1.数据表格列表渲染 <script> layui.config({ base: "${base}/resources/layui/lay/mymodules/" }).extend({ //设定模块别名 tablePlug: 'tablePlug/tablePlug' //相对于上述 base 目 阅读全文
posted @ 2020-09-22 16:00 威武的大萝卜 阅读(1239) 评论(0) 推荐(0)
导出表格
摘要：最近终于又用到了导出表格，我在实际项目里使用了上次发现的导出全部数据方法，然后遇到了一些问题，并进行了解决，终于可以正式写在博客中了。 整体代码： <div style="display: none"> <table id="table"> </table> </div> //导出表格配置 tabl 阅读全文
posted @ 2020-09-22 15:40 威武的大萝卜 阅读(512) 评论(0) 推荐(0)
layui数据表格中导出所有数据的简易解决办法
摘要：layui数据表格中导出所有数据的简易解决办法 官方文档的困惑 解决办法 官方文档的困惑 首先要说明的是：layui在 table 的工具栏内置了数据导出按钮，如果你是用它内置的导出按钮来导出数据，是没有问题的。但内置的按钮毕竟不太美观，很多时候你可能想通过自己定义的按钮来导出数据，这个时候，我们去 阅读全文
posted @ 2020-09-22 14:49 威武的大萝卜 阅读(3864) 评论(4) 推荐(3)
layui 数据表格自带的导出Excel,身份证等E+/000问题解决
摘要：layui数据表格的工具栏自带导出Excel 会将身份证等 长整数的 自动变成E+并且 后面有000.从而导致数据不能完整导出。 解决方案： 下载地址: https://download.csdn.net/download/jiang2012yun/12643480 1.先下载Excel的插件包。将 阅读全文
posted @ 2020-09-22 14:10 威武的大萝卜 阅读(1835) 评论(0) 推荐(0)
彻底搞懂 Layui中的数据表格，更改请求参数等
摘要：Layui中的table 首先抄送一下官网的话我们先来看一下案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i 阅读全文
posted @ 2020-09-22 14:02 威武的大萝卜 阅读(7015) 评论(0) 推荐(0)
layui 给数据表格加序号
摘要：1，第一种需求，只给当前页加序号 （1），给你的数据加上 templet属性 ,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', width:80, 阅读全文
posted @ 2020-09-22 11:03 威武的大萝卜 阅读(2427) 评论(3) 推荐(0)
layui tree 数据格式转换
摘要：layui官网 版本：2.5.5 在获取数据构建tree中，数据一般为两种形式： 1、json格式，以id pid表征父子节点关系 var data1=[ {id:'aa',pId:'0',text:'root1'}, {id:'bb',pId:'aa',text:'left1'}, {id:'cc 阅读全文
posted @ 2020-09-16 09:38 威武的大萝卜 阅读(2113) 评论(2) 推荐(1)