layui
璞~
这个作者很懒,什么都没留下…
展开
-
layui table 添加表单元素select
HTML<div class="layui-card-body "> <table class="layui-hide" id="test" lay-filter="test"></table> <script type="text/html" id="selectTpl" > <select name="status" lay-verify="required" id="{{d.id}}" lay-filter="原创 2021-08-10 17:47:10 · 2666 阅读 · 0 评论 -
layui 修改成功提示后触发事件
layer.msg('修改成功!', { icon: 1, time: 1000 },function(){ location.reload();//刷新当前页面 });原创 2021-07-12 11:44:21 · 652 阅读 · 0 评论 -
layui select下拉框改变之 change 监听事件
使用layui.use监听select事件<select lay-filter="demo" lay-verify="required"> <script> layui.use(['layer', 'jquery', 'form'], function () { var layer = layui.layer, $ = layui.jquery, form = layui.form; form.on('select(demo)', f.原创 2021-07-12 09:33:06 · 378 阅读 · 0 评论 -
Layui form 表单验证lay-verify
layui 表单1.表单自带校验lay-verify:是表单验证的关键字有以下值供选择:required (必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值同时支持多条规则的验证:格式:lay-verify=”验证A|验证B”如:lay-verify=”required|phone|number”...原创 2021-03-01 16:05:23 · 385 阅读 · 0 评论 -
layui数据表格的checkbox设置部分为不可选
问题:在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。layui内置没有该功能,所以只能自己实现。使用templet实现table.render({ elem: '#junTable', url: '', cols: [[ { templet: "#checkbd", title: "<input type='checkbox' name='s.原创 2020-12-09 19:09:19 · 3543 阅读 · 2 评论 -
layui input type=‘number‘ 限制不能输负数问题
<input type="number" min="0" class="layui-input stock" value="{{item.stock}}" />设置min='0'最小为0就不会出现负数原创 2020-09-30 10:34:23 · 8536 阅读 · 2 评论 -
layui数据表格后台传输时间戳转换为时间格式
layui.use(['table','jquery','form','util'], function(){ var form = layui.form; var table = layui.table; var $ = layui.jquery; var util = layui.util; //第一个实例 table.render({ elem: '#demo' ,toolbar:'#toolbarDemo' .原创 2020-09-14 11:18:19 · 802 阅读 · 1 评论 -
Layui和TP5导入Excel单表
1、layui导入,导出,下载样式<button class="layui-btn" onclick="exportData();">导出</button><button class="layui-btn" onclick="downloadTemplate();">模板下载</button><button id="importData" class="layui-btn" onclick="importData()">导入</bu原创 2020-08-26 10:21:09 · 415 阅读 · 0 评论 -
php结合layui前端实现 多图上传
1、效果图效果图上完了,就开始代码咯!2、前端html代码<div class="layui-upload"> <button type="button" class="layui-btn layui-btn-normal" id="testList">请选择图片</button> <span class="num_pic"></span> <div class="layui-upload-list">原创 2020-08-24 16:37:38 · 197 阅读 · 0 评论 -
tp5 layui 分页输出
PHP public function getJson(Request $request,$id) { $wash_card_list = model('WashCardList'); //获取每页显示的条数 $limit= $request->param('limit'); //获取当前页数 $...原创 2020-04-23 11:17:43 · 397 阅读 · 0 评论 -
layui中修改页面layer.open弹出层给radio赋值
layui中修改页面layer.open弹出层给radio赋值最近使用layui做了个简单的项目,遇到了个问题,在layui.table渲染页面做修改的时候,使用的是弹出层,要把值赋给radio的时候总是渲染不上去。现在解决了这个问题,记录一下。![效果如图]把代码也放上:js代码块:function updateUser(data) { layer.o...原创 2020-04-22 15:33:23 · 1916 阅读 · 1 评论 -
layer.open 实现弹出框新增后关闭 刷新父页面
1、效果图2、父页面 :3、子页面点击保存按钮:js方法:$('.publish').on('click', function(){ layer.msg('确定要保存么?', { time: 0 //不自动关闭 ,btn: ['确定', '取消'] ,yes:function(){ ...原创 2020-04-17 18:37:08 · 1304 阅读 · 0 评论