Layui
Layui是一款采用自身模块规范编写的前端 UI 框架
别惹轩轩
没事会分享一些自己踩过的坑
展开
-
Laravel+LaYui+jQuery向select下拉框添加数据
HTML代码<div class="layui-input-inline"> <select name="store" lay-search="" lay-filter="store" id="store" > <option value="">请选择店铺</option> @foreach($store as $v) <option value="{{ $v->id }}" store_id="{{ $v->id }}"&原创 2021-01-21 08:55:15 · 226 阅读 · 0 评论 -
PHP Layui批量删除
JS部分 // 头工具栏事件 table.on('toolbar(myorder)', function(){ var checkStatus = table.checkStatus('MyOrder'); var data = checkStatus.data; // 将id循环放入数组 var ids = []; data.forEach(function(item){ ids.push(item.id); });原创 2020-09-09 07:37:11 · 382 阅读 · 0 评论 -
Layui调整layui.confirm的样式
基本结构(分为三大部分):标题、主体和按钮<script>layer.confirm('你吃饭了吗?', { title:'标题', area:['240px','160px'], //弹框的大小 btn:['吃了','还没'] //按钮 }, function(){ //点击“吃了”执行的操作 }, function(){ //点击“还没”执行的操作 } )</script>调整标题的样原创 2020-09-08 16:09:25 · 3457 阅读 · 0 评论 -
layui-table表格根据条件更换表格背景颜色,高亮显示
根据条件对表格高亮显示,done: function (res, curr, count) { // 表格渲染完成之后的回调 // $(".layui-table th").css("font-weight", "bold");// 设定表格标题字体加粗 LayUIDataTable.SetJqueryObj($); // 第一步:设置jQuery对象 var currentRowDataList = LayUIDataTable.ParseDataTable(function (i.原创 2020-09-08 16:15:13 · 2471 阅读 · 0 评论 -
Layui框架实现多图片随表单数据同步提交
首先在官方文档并没有手动上传的说明文档,这里手动实现上传原理是:在表单中有三个按钮,分别是上传图片按钮、隐藏上传按钮、表单提交按钮,点击上传图片按钮之后,图片添加在前端但是并没有真正的上传,而是在点击表单提交之后,后台返回数据(其中有新添加的表单的唯一标识)并判断表单提交成功之后再用JS事件触发隐藏上传按钮,这时真正实现图片上传,并传给后台相关数据,并在数据库中添加唯一表示来属于哪个提交的表单。HTML代码<form class="layui-form" action="" > .原创 2020-09-09 07:37:31 · 1757 阅读 · 5 评论