随笔分类 -  layui

关于layui的一些内容
摘要:获取table中当前行的某一项的值(innerHTML) var value = $(this).parent().parent().find("td") 当你通过js代码自动生成DOM元素时,可能会发现生成的button监听不到, 先看代码: var t = "<tr class="+data.f 阅读全文
posted @ 2020-07-28 17:49 大云之下 阅读(198) 评论(0) 推荐(0) 编辑
摘要:layui表单添加验证: 之前写过,链接如下 1.layui自带表单验证:https://www.cnblogs.com/a973692898/p/11577502.html 2.layui使用自定义表单验证,正则表达式:https://www.cnblogs.com/a973692898/p/11 阅读全文
posted @ 2020-07-28 16:28 大云之下 阅读(214) 评论(0) 推荐(0) 编辑
摘要:首先先说一下layui吧 在layui 的form表单中,我们可以通过监听按钮点击,获取到,当前表单中的所有key和value 例如: 需要各位自己去引入layui 的js和css咯 HTML代码: <form class="layui-form" action=""> <div style="fl 阅读全文
posted @ 2020-07-28 16:21 大云之下 阅读(629) 评论(0) 推荐(0) 编辑
摘要:上图 就是用layui生成的一个table表格; 在这里我们给td绑定class,再通过jq的方式去监听是不可行的; 会监听不到事件; 不过在layui中,给了监听方法,并且还可以获取到该行所有的数据; <table class="layui-table " id="listTable" lay-f 阅读全文
posted @ 2020-06-23 11:25 大云之下 阅读(9255) 评论(0) 推荐(0) 编辑
摘要:table.render({ cols: [[ {checkbox: true} //多选框 ,{field: 'id', title: 'ID'} ,{field: 'name', title: '名字'} ]] ,done:function(res, curr, count){ tabTitle 阅读全文
posted @ 2020-05-21 14:47 大云之下 阅读(3195) 评论(0) 推荐(0) 编辑
摘要:先看下Json数据: [{"name":"定/即时采集","code":"TIMER","value":"11111aaa"}, {"name":"设备管理员","code":"MANAGER","value":"2222bbb"}, {"name":"设备位置","code":"LOCA 阅读全文
posted @ 2020-05-06 09:30 大云之下 阅读(6410) 评论(0) 推荐(0) 编辑
摘要:{ field : 'versNo', title : '版本号', align : 'center', templet : function(row) { if(row.isNewest==1){ var str='<a style="color:green;font-weight:bolder" 阅读全文
posted @ 2020-03-28 09:30 大云之下 阅读(782) 评论(0) 推荐(0) 编辑
摘要:done : function(res, curr, count) { currentPage = curr; var count = 0; $(".layui-unselect").unbind('click'); $(".layui-unselect").find("span").eq(0).c 阅读全文
posted @ 2019-12-27 09:43 大云之下 阅读(1174) 评论(0) 推荐(0) 编辑
摘要:去掉这个只需要写 .layui-table-grid-down { display: none; } 这个就可以了 阅读全文
posted @ 2019-12-04 11:13 大云之下 阅读(3708) 评论(1) 推荐(1) 编辑
摘要:首先呢,咱们在页面的显示表单中添加2个属性,如图: 可以看到标红的字段哈,然后现在页面上的字段是可以的编辑的了,如下图: 但是,现在还是不能修改的,必须要写上监听事件: table.on('edit(test)', function(obj) { var reg = new RegExp("^[0- 阅读全文
posted @ 2019-11-13 14:34 大云之下 阅读(1807) 评论(0) 推荐(0) 编辑
摘要:.layui-table-tool-self { display: none; } 阅读全文
posted @ 2019-10-22 10:15 大云之下 阅读(1552) 评论(0) 推荐(0) 编辑
摘要:写了一个layui的注册页面;常用的几种input框都写进去了,额。我设置的基本上都是必填,大家能用到,直接拿去用就好了 先给个图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script 阅读全文
posted @ 2019-10-21 15:31 大云之下 阅读(6713) 评论(1) 推荐(3) 编辑
摘要:case 'add': layer.open({ type : 1, title : "添加页面", area : [ '580px', '640px' ], //设置弹出页面的宽高 offset : '20px', //设置相对位置(偏移) content : $("#add_project"), 阅读全文
posted @ 2019-10-17 14:46 大云之下 阅读(1752) 评论(0) 推荐(4) 编辑
摘要:function loadTickets(jsonEntity) { var id = $("#byId").val(); table.render({ elem : '#test', url : url, //这里写调用后台方法的路径 height: 450, //设置表单的长度,也可以设置宽度 阅读全文
posted @ 2019-10-17 10:04 大云之下 阅读(3032) 评论(3) 推荐(1) 编辑
摘要:大部分的layui验证在我另一个博客页面https://www.cnblogs.com/a973692898/p/11577502.html 这次的是只能输入整数,之前写了一个lay-verify=”required|number”,发现在实际运用中,写小数的,会出现错误信息;换成double也不成 阅读全文
posted @ 2019-10-16 10:05 大云之下 阅读(9481) 评论(0) 推荐(2) 编辑
摘要:很简单的,只需要加一个判断 field : 'dataOffset', title : '偏移量', event : 'detail', align : 'center', edit : 'text', templet : function(row) { if(row.dataOffset==nul 阅读全文
posted @ 2019-10-09 10:24 大云之下 阅读(3910) 评论(2) 推荐(2) 编辑
摘要:layer.open({ type : 1, title : "添加页面", area : [ '680px', '630px' ], offset : '20px', content : $("#dev_detail"), cancel : function() { // 你点击右上角 X 取消后 阅读全文
posted @ 2019-10-08 11:22 大云之下 阅读(2083) 评论(2) 推荐(1) 编辑
摘要:1 //#add_sys_cfg 是添加页面的那个总div的id 2 $(':input', '#add_sys_cfg').not(':button,:submit,:hidden,:radio').val('').removeAttr('checked').removeAttr('selecte 阅读全文
posted @ 2019-09-25 08:57 大云之下 阅读(1702) 评论(0) 推荐(0) 编辑
摘要:layui 表单1.表单自带校验 lay-verify:是表单验证的关键字 有以下值供选择: required (必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值同时支持多条规则的验证: 格式:lay-verify=” 阅读全文
posted @ 2019-09-24 11:44 大云之下 阅读(17293) 评论(1) 推荐(1) 编辑

大云之下
欢迎阅读『layui』
点击右上角即可分享
微信分享提示