layui弹框自己定按钮关闭弹框

已于 2022-09-01 17:16:34 修改
阅读量4.9k 收藏 3
点赞数 1
文章标签： javascript jquery layui
于 2020-11-26 13:44:02 首次发布
@byQiuXiaoYi
本文链接：https://blog.csdn.net/zhen_xin_ai_ni/article/details/110184541
版权

layui自己定义按钮关闭layui的弹窗

function closeWindow(){//关闭弹出层事件
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}
在使用的地方调用上面的方法即可自定义按钮关闭layui弹窗
痛心的丶玩笑
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui按钮---Layer自定义按钮，关闭弹出层/弹窗；layer自带按钮
iUserWang
08-09 1万+
本天在写代码过程中遇到一个问题. layer本身自带弹窗按钮，可自定义内容及方法，如下： function openCurtain(){ top.layer.open({ type : 2, area : [ 500, 500 ], maxmin : true, title : '窗帘设置', content : 'meetingController.do?meetingCu...
layui弹框（上）- 基础参数：弹出层、多按钮、对齐方式、遮罩层（透明度）、定时关闭...的集合
weixin_43193257的博客
04-13 2720
layui弹出层layer的标题、内容、引用页面、自定义样式、多按钮调用方法、回调函数、遮罩、定时关闭、动画效果、拉伸拖拽等
layui关闭层级、简单监听
小屁孩的博客
12-12 6724
弹出一个小页面input 代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）*/
layui弹框（下）- 内置方法：弹框、询问、提示、加载、关闭层、全部关闭...等等
weixin_43193257的博客
04-23 4732
img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名"><img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">layer.msg('我是个有表情的2秒的提示框',{icon:6，time:2000},function (){layer.alert('欢迎访问',{title:['我是标题'],'font-size:26px'})',function (){
layui点击弹出层中按钮，关闭弹出层
a5252145的博客
07-12 7582
layui点击弹出层中按钮，关闭弹出层 原理：点击自己定义的button时，触发弹出层右上角取消按钮。 <button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button> function save() { $(".layui-layer-close1").trigger(...
layui-弹出层中如何关闭窗口
MyNameIsXiaoLai的博客
01-24 746
https://blog.csdn.net/laiyuan999/article/details/80341756     var index = parent.layer.getFrameIndex(window.name);       parent.layer.close(index);//关闭当前页       // window.parent.location.replace(loc...
解决layui弹框失效的问题
10-16
然而，在实际开发过程中，有时可能会遇到layui弹框失效的问题，表现为弹框无法正常显示或者报错。本文将详细探讨这个问题，并提供解决方案。 首先，layui弹框的失效可能有多种原因，其中包括JavaScript文件加载顺序...
Layui弹框中数据表格中可双击选择一条数据的实现
10-15
在本文中，我们将探讨如何在Layui弹框中实现数据表格中双击选择一条数据的功能。Layui是一款优秀的前端UI框架，提供了丰富的组件，包括表格、弹窗等，可以方便地构建交互式Web应用。 首先，我们需要创建一个包含...
layui弹出层按钮提交iframe表单的方法
10-18
在本文中，我们将深入探讨如何使用layui框架在弹出层中通过按钮提交iframe表单的方法。layui是一款轻量级的前端UI框架，它提供了丰富的组件和便捷的操作方式，包括弹出层（layer）和表单处理等。在某些场景下，我们...
layui 弹出层值回传解决方式
10-16
弹出层包含两个按钮：“确定”和“关闭”。 值回传的关键在于`yes`回调函数，当用户点击“确定”按钮时，会执行该函数。在这里，我们通过`window["layui-layer-iframe" + index].callbackdata()`来获取弹出层返回的...
layui关闭层级、简单监听的实例
01-19
弹出一个小页面input 代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）*/ var tr = obj.tr; /*获得当前行 tr 的DOM对象*/ if(layEvent === 'crypto'){//跳转生成秘钥页面 layer.prompt({title: '输入登陆密码，并确认', formType
解决layui-open关闭自身窗口的问题
10-16
今天小编就为大家分享一篇解决layui-open关闭自身窗口的问题，具有好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Layui 子页面：需要关闭当前弹窗（子页面）
BugRoot的博客
08-16 1万+
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 parent.layer.alert(result.message,{icon:1});
layui 关闭弹出框
TROY_Musou的博客
06-20 2万+
type - 基本层类型 类型：Number，默认：0 layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）layer.closeAll(); //关闭所有层 layer.closeAll(‘dialog’); //关闭信息框 layer.closeAll(‘page’); //关闭所有页面层 layer.closeAll
layer弹出层自定义提交取消按钮
图纸的博客
05-06 7425
首先从js开始 /** * 检查是否选中 */ Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) { Feng.info("请先选中表格中的某一记录！"); ...
layer组件弹框按钮事件(右上角关闭使用cancel)
热门推荐
zjy的博客
08-29 2万+
layer.open({ title:"标题信息提示",//标题信息 content: 'test',//内容区域 move: false,//是否可以拖动，默认可以拖动 btn: ['按钮一', '按钮二', '按钮三'], btn1: function(index){     //按钮【按钮一】的回调     layer.close(index);//关闭弹框 }, btn2...
layer弹出框 取消按钮
qq_40767671的博客
03-16 8806
// 操作按钮----关闭自身层 function close_self() { var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); } $('.draft_btn').click(function () { close_self(); layer.close(lay...
layui按钮监听事件-弹出层
test
03-22 1万+
备忘, 需要先引入对应的js和css文件 <bottom class="layui-btn" onclick="test1()">弹出层</bottom> <script type="text/javascript"> function test1(){ layui.use('layer', function(){ var layer ...
layui 弹框里面的按钮
最新发布
06-22
layui是一个轻量级的前端 UI 框架，它提供了简洁易用的 API 来创建和定制弹框（laybox）。layui的弹框通常包含一个或多个按钮，这些按钮可以根据需求设置不同的功能，例如确认、取消、提交等。以下是一些常见的按钮及其用途： 1. **确定按钮**（ok 或 confirm）：用户点击后执行确定操作，一般用于确认对话框或表单提交前的确认操作。 2. **取消按钮**（cancel 或 close）：用户点击后关闭弹框，不执行任何默认操作。 3. **提交按钮**（submit 或 save）：在表单相关的弹框中，用于提交表单数据到服务器。 4. **加载按钮**（loading 或 process）：显示加载状态，当数据正在处理或加载时，让用户知道操作正在进行。 5. **自定义按钮**：开发者还可以根据应用需求自定义按钮类型和回调函数，例如执行某个特定的操作或者跳转到其他页面。 每个按钮可以通过配置对象来定义，包括文本、图标、样式、事件处理函数等。使用layui时，可以通过`laybox.open`方法打开弹框，并在配置对象中指定按钮选项。例如： ```javascript layui.use('laybox', function () { var laybox = layui.laybox; laybox.open({ type: 1, // 弹框类型，1表示普通对话框 title: '提示信息', content: '这是一段内容...', btn: ['确定', '取消'], // 定义按钮数组 btnAlign: 'c', // 按钮对齐方式，如'c'居中 skin: 'layui-layer-rim', // 自定义样式 btnClose: true, // 是否允许点击遮罩关闭 done: function (index, layero, obj) { // 确定按钮的回调 console.log(obj.index); // 获取点击的按钮索引 }, cancel: function (index, layero, obj) { // 取消按钮回调 //... } }); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值