
layui
layui
Haaaaaang
我就是王行(hang)呀
展开
-
layui table 表格数据显示超链接
前言layui 显示后台返回数据,需要将某一列数据 转换为 超链接,进行点击事件例子layui tablecols: [[ {field: 'imgList', title: '图片凭证', minWidth: 90, align: "center", templet: proofPicture} ]],done: function (r...原创 2019-12-23 17:58:48 · 8152 阅读 · 0 评论 -
layui open 打开多个图片
前言使用layui 简单打开多个图片例子pictureData = data; imghtml = ""; var imgList = pictureData.imgList; for(var i in imgList) { var img = imgList[i]; ...原创 2019-12-20 17:04:12 · 841 阅读 · 0 评论 -
layui table 更换 表格头信息
前言layui会自动封装 table各种参数,包括自动生成好 表格 头信息,当查询数据返回时,会自动填充例子done: function (res, curr, count) { if(0 != count) { var name = res.data[0].name; var id = res....原创 2019-12-09 14:46:51 · 492 阅读 · 1 评论 -
layui table 获取分页当前每页总记录数
前言layui table 会自动封装table各种参数,但是当业务需要,需要获取当前每页总记录时例子done: function (res, curr, count) { var pageSize = eval('(' + $(".layui-laypage-limits").find("option:selected")[0].value + ')');...原创 2019-12-09 14:42:36 · 1772 阅读 · 0 评论 -
layui弹出层闪退
今天用layui的弹出层插件,发现两奇怪的问题:1、弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层2、绑定弹出层到按钮,打开弹窗闪退后面发现真如参考博文所说:我的button也是在form表单中,原因:我在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退!!解决办法:...转载 2019-12-01 22:33:33 · 141 阅读 · 0 评论 -
layui select框 数据回显
前言动态查询select下拉框数据,再进行回显语法Option option = new Option(name, value);例子省市区 三级联动html<div class="layui-form-item"> <label class="layui-form-label">设备位置 省</label>...原创 2019-11-21 17:00:27 · 3420 阅读 · 0 评论 -
layui table toolbar 工具条事件
前言layui table 添加一列工具列,放上工具按钮语法table.render({ cols: [[ {field:'id', title:'ID', width:100}, {fixed: 'right', width:150, align:'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器...原创 2019-11-08 14:31:37 · 9838 阅读 · 0 评论 -
layui upload 上传文件携带参数
前言layui上传文件时,有时候需要往后台多传递一些自定义的参数语法before: function(obj) { this.data = {"xxx": "xxx"};}例子jsbefore: function (obj) { $("#importExcelMsg").text("数据导入中,请稍候..."); ...原创 2019-11-07 16:45:56 · 4264 阅读 · 0 评论 -
layui input 正整数校验
前言layui input框 校验lay-verify required(必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值 同时支持多条规则的验证,格式:lay-verify="验证A|验证B" 如:lay-verify="required|phone|number"语法语法:<...原创 2019-10-28 11:13:28 · 6409 阅读 · 0 评论 -
layui form 表单数据回显
前言点击修改按钮后,查询的数据需要回显到表单中,再进行修改,保存语法语法:form.val('filter', object);用于给指定表单集合的元素赋值和取值。如果 object 参数存在,则为赋值;如果 object 参数不存在,则为取值。例子<form class="layui-form" lay-filter="scoreRuleForm"> ...原创 2019-10-24 13:50:06 · 6411 阅读 · 1 评论 -
layui upload 多文件上传
前言layui 选择多文件上传语法multiple: true例子upload.render({ elem: '#openStudentCode', url: '/scoreSystem/openStudentCode', accept: 'file', exts: 'xml|txt|TXT|text|TEXT|...原创 2019-12-12 13:51:13 · 1132 阅读 · 0 评论