layui 在一个弹窗中点击某一按钮再次弹一个窗口并将第一个窗口关闭

已于 2023-05-23 10:51:14 修改
阅读量2k 收藏 2
点赞数 5
文章标签： html
于 2020-09-04 10:11:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Devil_Forever/article/details/108398825
版权

//获取当前窗口的name
var index=parent.layer.getFrameIndex(window.name);

//关闭第一个窗口
parent.layer.close(index);

/打开第二个窗口
parent.layer.open({
//…
});

霜！!
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
[Layui]弹窗中再弹窗让新弹窗再父页面下弹出
德仔
11-14 855
Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。
layui如何存在多个弹窗_layer重复弹出(layui弹层同时存在多个)的解决方法_心善_前端开发者...
weixin_39844525的博客
01-14 4444
解决layui弹出层点击多次弹出问题这个问题其实是疏忽了一些 基础参数(仔细看文档，仔细看文档，仔细看文档)一、type – 基本层类型类型：Number，默认：0layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用，则 type为必填项(信息框除外)类型：Numbe...
vue element-ui 弹窗中再次弹窗
souwer的博客
05-06 5347
vue elment-ui 弹窗中再次弹窗
【LayUI】中常见的问题及解决办法
全栈
08-25 1301
附录一：Not allowed to load local resource: 报错解决方法。附录二：layui中layer select下拉框被遮挡问题。附录三：layui之数据表格操作栏（toolbar）设置。附录四：layui之表单快速赋值取值。
layui的layer父子弹层之间的方法调用和传值
douxubao的博客
07-22 2832
1、访问父页面元素值 var parentId=parent.$("#id").val();//访问父页面元素值 2、访问父页面方法 var parentMethodValue=parent.getMethodValue();//访问父页面方法 3、如何关闭弹出的子页面窗口 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index);//关闭弹出的子页面窗口 4、如何从子页
layui弹出层弹出另一个页面
热门推荐
lupinlll的博客
12-07 3万+
layer.open({ type: 2, skin: 'layui-layer-demo', //样式类名 title: '标题', closeBtn: 0, //不显示关闭按钮 anim: 2, area: ['893px', '60...
layui自己添加图片按钮并点击跳转页面的例子
10-16
在本文中，我们将探讨如何在layui框架中自定义添加一个带有图片的按钮，并实现点击该按钮后跳转到新的页面。layui是一个轻量级的前端UI框架，提供了丰富的组件和便捷的操作方式，使得网页开发更为高效。下面我们将分...
浅谈layer弹出层按钮颜色修改方法
10-16
在网页开发中，layer是一个非常流行的JavaScript弹窗插件，它提供了丰富的弹出层样式和功能，包括警告、提示、确认、表单等。本文主要探讨如何修改layer弹出层中的按钮颜色，以适应不同项目的视觉风格。 首先，...
解决layui弹框失效的问题
10-16
在使用layui框架时，弹框（弹层）是其核心功能之一，用于创建各种提示、对话框、模态窗口等。然而，在实际开发过程中，有时可能会遇到layui弹框失效的问题，表现为弹框无法正常显示或者报错。本文将详细探讨这个问题...
中享思途五天layui前后端设计课程，第五天1
最新发布
03-22
1. **layui登录模态框的创建**：利用layui的layer模块创建弹出式登录窗口，提升用户体验。 2. **表单元素的使用**：讲解如何使用layui的form组件来创建登录所需的用户名和密码输入框。 3. **表单验证实践**：演示...
解决layui-open关闭自身窗口的问题
10-16
今天小编就为大家分享一篇解决layui-open关闭自身窗口的问题，具有好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui列表分页+添加修改！！！
05-13
首先，你需要在HTML中引入layui的CSS和JS文件，并在页面中创建一个div作为列表的容器，以及分页的容器。例如： ```html <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.all.js"> ...
layer重复弹出(layui弹层同时存在多个)的解决方法
Mr_TXQ的博客
08-06 4170
解决layui弹出层点击多次弹出问题 这个问题其实是疏忽了一些 基础参数（仔细看文档，仔细看文档，仔细看文档） 一、type - 基本层类型 类型：Number，默认：0 layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。 若你采用layer.open({type: 1}) 方式调用，则 type为必填项（信息框除外） 二、id - 用于控制弹层唯一标识 类型：String，默认：空字符 设置该值后，不管是什么类型的层，都只允许同时弹出
layer.getFrameIndex方法
weixin_45747278的博客
12-26 5464
Layui 内置方法 - layer.getFrameIndex( 获取特定iframe层的索引） 此方法一般用于在iframe页关闭自身时会用到 //假设这是iframe页 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 ...
Layui学习笔记--layer弹出层父子页面互相获取
ZaberyJava的博客
05-23 1万+
父页面对子页面操作 ？layer.open({ type: 2, title:'请选择要发出的发货单', area: ['90%', '99%'], fixed: false, //不固定 maxmin: true, content: 'tbMiddis/opendispatch.welcome', btn:['我已选好','取消'], yes:function(layero,i...
layui二次弹窗并关闭原有弹窗问题
dongzhanglong的博客
11-17 3555
layui二次弹窗并关闭原有弹出问题 项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。 我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。 所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。 主页面函
layer弹出层父子层之间的操作
a669277756的博客
12-07 2万+
layer 的基本API可参考;http://www.layui.com/doc/modules/layer.html 在项目开发中遇到使用layer弹出层包裹其他页面的进行修改密码的需求，在修改密码后，后续页面在弹出层中展示，为了解决这一问题，进行记录。首先明确一点，layer的一个重要参数 index，标示当前层的索引。 一 layer父子层之间的操作 1 访问页面的元素
关于layui 两层弹框 ，关闭一个后，刷新上一个弹框的某个下拉框问题
liangwenli_的博客
10-15 3488
(我使用的layui版本为2.4.3) 最近因为项目需要，需要实现一层弹框(下面称之为A弹框)后，点击按钮跳出二层弹框(下面称中国之为B弹框)，可以实现添加新的下拉框值，然后再关闭B弹框是，可以实现局部刷新A弹框中的部分块，使得刚添加的值显示，但是不能是整个页面刷新。 需求抛出来，接下来说说我自己的实现过程，以及走过的坑吧。 首先把弹框部分代码实现，如下: //监听提交 layui.(['fo...
layui弹框（下）- 内置方法：弹框、询问、提示、加载、关闭层、全部关闭...等等
weixin_43193257的博客
04-23 4736
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表格将一个新增按钮定义在倒数第一行，第二个列上
04-26
好的，关于你的问题，你可以使用layui表格的toolbar自定义按钮来实现这个功能。具体实现步骤如下： 1.在layui表格渲染时，设置toolbar参数。 例如： table.render({ elem: '#test' ,toolbar: '#toolbarDemo' //省略其他参数 }); 2.在html代码中，定义一个toolbar容器，并将自定义按钮放入容器中。 例如： <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" lay-event="addData">新增</button> </div> </script> 3.在table.on事件中，监听自定义按钮的事件，并在指定位置添加新行。 例如： table.on('toolbar(test)', function(obj){ var data = obj.data; if(obj.event === 'addData'){ var newRow = {"id": "newId", "name": "newName", "score": "newScore"}; //将新行插入到倒数第一行，第二列的位置 layui.table.insert({ data: [newRow], //在最后一行之前插入新行 //layui.table.cache.test是当前表格的数据对象 //因为数据对象是一个数组，所以在数组的倒数第二个位置插入新行 //第二个参数是一个整型，表示插入位置对应数据对象的索引值 //所以在这里是倒数第二个 index: layui.table.cache.test.length - 1, //在第二列之前插入内容 field: "name" }); } }); 这样就可以实现将新增按钮定义在倒数第一行，第二列上的功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

霜！!

不错，👆赏！！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值