菜的像徐坤
排名
7
文章
192
粉丝
15
评论
16
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

layer弹窗

4552人阅读 2020/12/30 17:38 总访问:970765 评论:0 收藏:0 手机
分类: AJAX
  1. //先引入layer的js
  2. layer.open({
  3.                                 //属性
  4.                 type:1,
  5.                 //标题
  6.                 title: "内容修改",
  7.                 //content(正文)可传obj,可传字符串,可传html
  8.                 content: $("#hid"),  //传入隐藏域的对象
  9.                 //宽度,高度
  10.                 area: ["500px", "300px"],
  11.                 //按钮
  12.                 btn: ["确定", "取消"],
  13.                 //样式
  14.                  skin: 'layui-layer-lan',
  15.                 //确定事件
  16.                 yes: function myfunction(index,layero) {
  17.                   //alter (单击确定触发)
  18.                         })
  19.                 btn2 : function myfunction(index,layero) {
  20.                   //alter (单击第二个按钮触发)
  21.                         })
  22.                         
  23.                     //关闭弹窗
  24.                     layer.close(index)
  25.             })


给layer中的属性赋值(找到隐藏域中的属性赋值)

  1. $("#Sid").val($(this).parents("tr").find("td").eq(1).text())

取出layer中的值(找到隐藏域中的值)

  1. $("#Sid").val();


关闭layer

  1.                 //关闭当前index;
  2.                 layer.close(index);
  3.                 //关闭所有layer 
  4.                 layer.closeAll();
  5.                 //layer.closeAll('dialog'); //关闭信息框
  6.                 //layer.closeAll('page'); //关闭所有页面层
  7.                 //layer.closeAll('iframe'); //关闭所有的iframe层
  8.                 //layer.closeAll('loading'); //关闭加载层
  9.                 //layer.closeAll('tips'); //关闭所有的tips层

layey中type属性不正确会导致第二次layer弹窗打不开


layer中5种类型传入的值有:0(信息框,默认是0),1(页面层),2(iframe层),3(加载层),4(tips层)


评价

Vue.js+layer实现表格数据绑定与更新

一:使用Vue.js绑定好数据与更新事件 使用v-on绑定好事件,在事件里边直接把该行数据传递进去,在更新方法里边就可以直接...

layer.confirm 设置 询问框 的层遮盖

functionadmin_del(obj){ layer.confirm('确认要重启吗?',{ btn:['确定','取消']//按钮 },fun...

layer弹窗+ef引入独立页面进行操作

使用layer弹窗进行操作的时候我们可以使用type=2,来把一个独立的页面指向content内容例如我们有一个表格,点击添加后,我...

.net Core From DataBase layer To UI layer

Here we have created the database.OK,let's GO!First:You need create a new .net core to web application!And crea...

百度编辑器在layer弹窗中加载问题

因为加载到layer后百度编辑器要从新渲染一遍,所以如果使用setContent(Content)设置的内容在加载到layer弹窗中是显示不出来...

表格在layer弹窗中居中表格居中

其实很简单直接给table设置一个margin:top auto就可以了layer:layer.open({ type:1, title:"更新", area:[&qu...

layer loading。layui 菊花

layer loading层很简单,起到一个遮罩提示加载的效果打开://loading层 varlayerIndex=layer.load(1,{ shade:[0.1,'#...

layer加载完成事件

code:layer.open({ type:2 ,content:'url' ,success:function(){ alert('加载完成') } });

layer赋值

使用layer的时候注意content赋值的时候可能会存在两份一般解决这种问题有两种做法: 想办法让他只有一份给layer赋值的时候...

layer设置area后按钮掉下来

如果页面一加载就弹出layer,layer设置area后按钮就会掉下来,感觉也这算layer的一个bug可以把高度设置成auto按钮就不会掉下...

layer弹窗i获取id

直接贴代码,这个实在yes回调函数里边执行的,通过index去找 yes: function (index) { var nowLayer = $("#layui-lay...

layer弹窗放jquery对象被遮住了

html <div id="showcontent" style="display: none"> hello layer </div> js: l...

layer没有垂直居中的问题

解决方法1:在页面的顶部加上:<!DOCTYPE html>

layui中使用layer

直接这样既可:layui.use('layer',function(){ varlayer=layui.layer; layer.msg('hello'); });

使用dplayer进行视频播放

贴个小demo:<!DOCTYPEhtml> <html> <head> <metaname="viewport"content="width...

layer表格点击事件获取当前top以left

直接上代码吧 var t = obj.tr.find("td[lay-event='Title']").offset().top + obj.tr.find("td[lay...