LayUI
小城听风雨
有些鸟儿注定是关不住的, 因为它们的每一片羽毛都闪耀着自由的光辉
展开
-
LayUI使用中遇到的问题 & 解决办法
LayUI 问题 & 解决LayUI中某些插件使用需引入,如select下拉框,form表单,日期,table等!!!(1) 表格table中的问题:1. checkbox:// 获取选中行table.on('checkbox(test)', function(obj){ console.log(obj)});// 禁用方法function stop() { ...原创 2019-06-25 17:29:43 · 5654 阅读 · 0 评论 -
layui点击弹出层中按钮,关闭弹出层
layui点击弹出层中按钮,关闭弹出层原理:点击自己定义的button时,触发弹出层右上角取消按钮。<button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button>function save() { $(".layui-layer-close1").trigger(...原创 2019-07-12 12:08:00 · 7626 阅读 · 0 评论 -
layui 鼠标滑过li显示内容
// 鼠标滑过li显示内容$(".index-body .news ul>li").mouseover(function() { layer.tips($(this).find("span").text(), this, { tips: [2, "#4794ec"] });});原创 2019-07-16 14:35:36 · 3511 阅读 · 0 评论 -
Layui如何将嵌套子对象放入表格
Layui如何将嵌套子对象放入表格注意:field字段可要可不要,添加属性字段 templet: '<div>{{d.bridgeType.content}}</div>',d表示获取的data数据{field: 'bridgeType', title: '桥型', width: 150, templet: '<div>{{d.bridgeType.con...原创 2019-07-11 15:20:54 · 6141 阅读 · 3 评论 -
layui表格重载进入当前页。
layui表格删除一条数据后,还是显示当前页。if(layEvent === 'del'){ //删除 layer.confirm('真的删除么', function(index){ obj.del(); //删除对应行(tr)的DOM结构,并更新缓存 // 发起删除请求 $.post("${ctx}/expert/del",{"id":data.id},function (res...原创 2019-07-11 12:13:48 · 3043 阅读 · 1 评论 -
Layui 获取表格id
Layui 获取表格id第一步:table表格要有 lay-filter 属性 <table class="app-table layui-table" id="reportTable" lay-filter="reportTable" lay-data="{id: 'reportTable'}"></table>第二步:通过 table.checkStat...原创 2019-07-05 16:47:31 · 11322 阅读 · 1 评论 -
Layui校验规则
Layui校验规则1. 弹框中的规则验证书写:如果想要使用弹窗层自带的确认取消按钮,去提交form表单内容,需如下步骤:在每一个form表单中标签之前, 添加一个隐藏的按钮 <button class="authorityAddOrUpdateBtn" lay-submit style="display: none;"></button>class 属性值...原创 2019-07-04 18:30:14 · 4893 阅读 · 0 评论 -
layui table表格展示鼠标滑过列显示tips
鼠标滑过操作列// 鼠标滑过操作列// var tip_index = 0;$(document).on('mouseenter', '#proStatus', function(){ tip_index = layer.tips('项目情况', '#proStatus', {time: 0});}).on('mouseleave', '#proStatus', function(...原创 2019-07-09 15:48:52 · 10059 阅读 · 0 评论 -
layUI table操作列中tips使用
layUI table操作列中tips使用有时候table表格渲染时,对于操作列的按钮特别长时,需要提示信息tips。第一步:table.render({ cols: [[ //表头 {fixed: 'right',title: '操作', width:200, align:'center', toolbar: '#operation'} //这里的toolbar...原创 2019-07-03 14:53:40 · 9880 阅读 · 0 评论 -
layui点击按钮弹出msg,并关闭弹出层。
layui点击按钮提示msg,关闭弹出层<button type="button" onclick="save" class="layui-btn-radius layui-btn layui-btn-sm">保存function save() { layer.msg('整改意见保存成功!', { icon: 1, time: 1000 }, function () { /...原创 2019-07-08 10:27:32 · 3292 阅读 · 0 评论 -
layui Ajax请求完数据动态添加html后重新渲染dom层
layui Ajax请求完数据动态添加html后重新渲染dom层layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();$.ajax({ url : url, type : 'GET', success : function(data) { $("#layui-tab-title").append("<li cla...原创 2019-08-06 15:46:30 · 5735 阅读 · 2 评论