layui
灼灼桃花夭
吾非莲
展开
-
Layui之使用table.exportFile导出报错网络错误
导出表格所有数据使用火狐浏览器可以下载文件,谷歌浏览器报网络错误参考https://blog.csdn.net/weixin_44285250/article/details/86229277 导出csvhttps://blog.csdn.net/u010652866/article/details/90513721 使用 Blob1https://blog.csdn.net/xiewenfeng520/article/details/104563113中指出 原因就是 bas原创 2021-10-22 14:42:05 · 1596 阅读 · 0 评论 -
Layui 和 echars 之 实现饼状图,柱状图,折线图
参考网址https://blog.csdn.net/qq_36949176/article/details/105602351实现引入<script src="_PUBLIC_/layui/layui.js" charset="utf-8"></script><script src="https://cdn.jsdelivr.net/npm/echarts@5.1.1/dist/echarts.min.js"></script>body 中原创 2021-08-11 17:56:21 · 9962 阅读 · 11 评论 -
layui 之 左侧动态菜单栏以及动态操作tab项,点击切换实现数据刷新
参考网址https://blog.csdn.net/hmily43/article/details/105991256<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>首页</title>转载 2021-08-09 14:36:02 · 1753 阅读 · 0 评论 -
Layui 之 实现左侧边栏的收缩
参考网址https://blog.csdn.net/yhflyl/article/details/79502469html 中<ul class="layui-nav layui-layout-left"> <li class="layui-nav-item layadmin-flexible" lay-unselect=""> <a href="javascript:;" layadmin-event="flexible" titl原创 2021-07-30 17:52:38 · 3877 阅读 · 0 评论 -
Layui + tp5 分页效果
参考链接https://blog.csdn.net/Gino_tkzzz/article/details/84942012https://blog.csdn.net/qq_39702981/article/details/105702967步骤页面中table.render({ elem: "#followTable", url: "{:url('statistics')}", method:"post", toolbar: '#toolba原创 2021-07-22 16:58:03 · 160 阅读 · 0 评论 -
Layui之 实现后台布局中 左侧菜单栏
参考链接https://blog.csdn.net/lairikeqi/article/details/100698709步骤放在 index.html, 右侧子页面通过 iframe 打开index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="ren原创 2021-05-20 13:53:29 · 5221 阅读 · 0 评论 -
layui之 给checkbox添加点击事件
参考网址https://blog.csdn.net/hmily43/article/details/107186235解决 全选 行为页面中<!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 --><form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</lab原创 2021-05-19 16:56:38 · 3028 阅读 · 0 评论 -
layui之 实现点击layui侧边栏时,侧边栏保持展开及选中状态
参考链接https://blog.csdn.net/weixin_41578567/article/details/112303050<script> window.onload=function(){ url = window.location.pathname; url = url.replace(/index.php\//g,''); url = url.replace(/.html/g,''); if (u原创 2021-04-15 10:32:54 · 1583 阅读 · 0 评论 -
layui之 table中checkbox复选框,跨页保存选中赋值状态
参考链接https://blog.csdn.net/HuperSan/article/details/99896878https://blog.csdn.net/weixin_43821151/article/details/1038070371 核心就是声明全局变量用来缓存checkbox的操作。var quanju = new Array();//全局var huancun = new Array();//缓存2 并且在分页的done属性中编写函数,让它每次重载分页时根据全局变量对ch原创 2020-12-28 17:27:22 · 4709 阅读 · 2 评论 -
Layui之,表格中的字段实现全局排序
参考网址https://blog.csdn.net/qq_42981579/article/details/106717958https://www.php.cn/layui/436412.html步骤js中 table.on('sort(user)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值" console.log(obj.field); // 当前排序的字段 conso原创 2020-12-21 16:36:54 · 3466 阅读 · 0 评论 -
layui之 实现图片放大
html 页面中<div class="layui-form-item"> <label class="layui-form-label">反馈图片</label> <div class="layui-input-block" id="img"> </div></div>js中 实现遍历显示图片数据库中 img_url 值为["/app/promotion/public/app.png","/原创 2020-12-21 16:25:47 · 3133 阅读 · 0 评论 -
layui之 表格中数据变更的一种处理方式
参考链接https://www.html.cn/framework/layui/15886.html表格数据变更,一般包括几个内容:新增、修改、删除、移动,开发中经常会面临的一个问题就是变更之后如何将数据同步到节点上,一直以来个人的建议还是利用表格重载,不管是url模式的还是data模式的实际都是需要重载,url重载自然会重新请求后台得到最新的数据,data模式一般就是对data的操作,之后重新以新的data去渲染出来。同时会考虑的是如何尽量减少请求,可能感受最深的就是update操作,为了要更新这转载 2020-12-14 16:35:12 · 4438 阅读 · 0 评论 -
layui之,Excel格式导出数据
参考链接 https://www.cnblogs.com/yuanshen/p/11165223.html导出按钮 或其他触发事件<button class="export">导出报表</button>//导出事件$(".export").click(function() { //使用ajax获取全部数据 $.ajax({ url: "url", type: 'post', data: { mycode: "all", }, async: f原创 2020-11-28 16:20:11 · 1701 阅读 · 1 评论 -
layui之单选框多选框radio checkbox元素,判断为必选项,否则不能提交表单
参考链接https://blog.csdn.net/ak47147258369/article/details/101984735https://blog.csdn.net/runjieli/article/details/107756696<div class="layui-form-item"> <label class="layui-form-label">性别:</label> <div class="layui-input-block"转载 2020-10-10 17:10:57 · 2311 阅读 · 0 评论 -
layui之 数据表格动态cols(字段)动态变化,实现自定义表头
参考链接https://blog.csdn.net/qq_36025814/article/details/103938509htmllet cols_arr = assembleTableCol(); //重新定义标题那行 //重新拼接数组标题行 function assembleTableCol(){ let thisCols = []; //定义标题空间 var responseData; $.ajax({ headers:原创 2020-09-25 11:18:23 · 5753 阅读 · 1 评论