
Layui
文章平均质量分 66
Layui
27号白开水
这个作者很懒,什么都没留下…
展开
-
Layui 数据表格将特定列的数据导出为Excel文件
此方法参照官方文档,如下图:一、JS table工具栏加入导出标志,defaultToolbar:['filter',{ title: '导出全部数据' //鼠标放在上面显示的提示 ,layEvent: 'exportData' //事件名,用于toolbar事件中使用 ,icon: 'layui-icon-export' //图标类名}]//显示导航栏二、JS 添加监听事件//监听头工具栏事件table.on('toolbar(test)', function(ob原创 2020-12-16 16:34:47 · 1392 阅读 · 0 评论 -
Layui数据表格重载到当前页
html页面结构:所以找到em标签中的这个文本,然后跳转到这一页就好了。代码如下:let currpage = $('.layui-laypage-em').next().text();table.reload('systemCert', { page: { curr: currpage }});原创 2020-11-24 10:54:42 · 917 阅读 · 0 评论 -
Layui数据表格重载时自动跳转到最后一页
使用情况:当发生指定动作时,进行数据表格的重载,并自动计算,展示最后一页let pageSize = $('.layui-laypage-limits').find('select').val();//获取表格每页展示的数据行数let totalCode= meterCodeData.length;//表格总数据量,我这里使用的是临时表格所以可以直接获取//Math.ceil()返回大于或等于一个给定数字的最小整数let currPageNo = Math.ceil(totalCode / page原创 2020-10-15 11:59:57 · 1280 阅读 · 0 评论 -
Springboot + layui + FTP文件上传删除 + HTTP文件下载预览 + pdf.js文件预览(项目实战总结)
我们的需求是将文件上传到另一个文件服务器,不存在本地,然后实现文件的增删查改和预览功能。小白啊,IO操作什么的基本没弄过,网络学的也不好,就搞这个操作,颇费心力。在网上扒了无数的帖子,最终用了一个多周实现了,总结下来其实也没有那么那么难(当然我只是生搬硬套)。下面把具体的实现过程分享出来。前端框架:Layui后端:Springboot需求:把上传、删除、替换按钮和预览功能放在数据表格中。文件上传至文件服务器。使用范围:内网用户(外网连接可以在此基础上另外了解)最终效果:1、前端,上传按钮嵌原创 2020-06-29 09:03:27 · 2314 阅读 · 2 评论 -
Layui 数据表格嵌套文件上传按钮,根据行数据id上传文件
先上效果图:页面:就一个table行<table class="layui-hide" id="NoticeInfoTable" lay-filter="test"></table>JS初始化的时候加入按钮,并将按钮渲染成文件上传按钮table = layui.table //表格table.render({ elem: '#NoticeInfoTable' , height: 'full-200' , url: '/allFiles/viewl原创 2020-06-17 10:14:43 · 4477 阅读 · 14 评论 -
可以动态添加、模糊搜索的单选下拉框插件formSelects
技术文档及插件下载链接:https://hnzzmsf.github.io/example/example_v4.html#select_datahttps://fly.layui.com/extend/formSelects/用得不深,只分享基本功能相关代码,对于只要求单选、动态添加、模糊搜索的需求够用了。其他各种样式的多选啊、更换皮肤啊、远程搜索啊啥的大家就看官方文档吧。????先看实现效果:1、前端代码//引入formSelects.css<link rel="stylesh原创 2020-05-21 16:18:13 · 2640 阅读 · 0 评论