layui 使用layer弹窗子弹窗关闭后向父级页面传值

小王的编程笔记

已于 2023-12-05 17:10:37 修改

阅读量1k

点赞数 10

分类专栏： layui 文章标签： layui 前端 javascript

于 2023-12-05 16:31:51 首次发布

本文链接：https://blog.csdn.net/weixin_56784519/article/details/134810132

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

目的

后台管理页面，在列表页中对分类字段进行修改，点击分类弹出所有分类，选择之后进行更改

选择之后ajax进行数据库字段的修改，然后关闭弹窗把选择的内容传到父页面，使用js对页面数据进行静态的改变

父级页面代码

子弹窗页面代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小王的编程笔记

关注关注

10
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【LayUI】layui子窗口某行选中后，将相关参数传递回父页面

德仔

06-09

843

页面信息交互：子页面传值父页面。

layui-layer父子页面传值

weixin_44690108的博客

05-17

2005

使用layui的layer独立组件实现父子页面传值。

参与评论您还未登录，请先登录后发表或查看评论

Layui子页面向父页面传值（亲测有用）

qq_46184588的博客

09-17

4200

Layui子页面向父页面传值（亲测有用）场景描述代码实现场景描述有一个列表，编辑某一列的信息时首先会弹出一个子页面，如图：在这个子页面上可以修改单个信息，修改区域的时候由于需要下拉框，因此又会弹出一个子页面，如图：当重新选择区域提交后会关闭第二个子页面，但是此时第一个弹出的子页面的区域并没有改变，原因是第一个子页面的值是从列表传过来的，因此需要第二个子页面修改区域后同步修改第一个子页面的值，实现代码如下。代码实现首先在第二个子页面定义一个方法 // 这是第二个子页面的方法 function se

layer 弹出框(iframe层)父子页面传值

我的博客

02-22

1394

父页面获取子页面元素 $("#iframeID").contents().find("#eleID") $("#iframeID").contents().find("#eleID").html("父页面传过来的值……") 父页面调用子页面方法 $("#iframeID")[0].contentWindow.son_fun() 子页面获取父页面元素 $("#fatherID",window.parent.document) $("#fatherID",window.parent.docume.

layui的弹出层关闭给父页面传值

oCaiWen的博客

03-14

1065

父页面： $('#coverone').on('click',function(){ layer.open({ type: 2 ,title: '上传图片' ,shade: 0.8 ,skin: 'layerBtn' ,area: ['800px', '600px'] ,fixed: false ,maxmin: true ,...

layui type2 通过url给iframe子页面传值

adrianlgq的博客

08-02

3119

A页面调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",

layer 子窗口关闭并把数据传送到父层页面

Manlok的技术博客

04-25

5228

整理了一下网上的各种方法,自己实现基于layer的子窗口关闭并把数据传送到父层页面 0.首先说一下背景: 官方文档:https://www.layui.com/doc/modules/layer.html cancel - 右上角关闭按钮触发的回调类型: Function , 默认:NULL 该回调函数携带两个参数,分别为当前层索引、当前层DOM对象. 实例: layer.open({ co...

layui-layer.open子窗口传值给父窗口

weixin_51252004的博客

05-19

2519

1、父窗口设置input输入框 <input type='hidden' id='cz' name='cz' value='1'/> 2、子窗口设置父窗口输入框值 function btnBack() { $("#cz" , window.parent.document).val('2'); // 传给父窗口 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);// 关闭子窗口

layer：子父之间的数据传递

热门推荐

ALLEN的博客

03-14

3万+

layer中有这样的情况，父页面与弹窗（子页面）之间的数据通信。*表单中的表单元素必须有name属性。这边我讲一下两种情况（都是以表单为例子）：1、父页面的数据在弹窗（子页面）中显示。 2、子页面（弹窗）反馈的信息，在父页面显示。先解释一下逻辑：一、子——>父 1、点击“标记”，弹出弹窗：2、填写表单，并提交，点击提交按钮后，判断是否标记了“黑名单“，如果“是”，则在父页面显示layer.m

layui 弹窗的iframe 父子界面相互传值

zxz_1991的个人专栏

11-29

730

1.父界面向子界面传值　　[1].父界面打开子界面： function show_layer(){ layer.open({ type: 2, area: [w+'px', h +'px'], fix: false, //不固定 maxmin: true, shadeClose: true, shade:0.4, title: title, content: url,

详解layui弹窗父子窗口之间传参数的方法

08-28

在 layui 弹窗父子窗口之间传参数时，我们可以使用 layer.open() 方法的 success 属性来传递参数。success 属性是一个函数，在打开弹窗成功后执行该函数。我们可以在该函数中传递参数给子窗口。下面是一个简单的...

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

10-16

本篇文章将详细介绍如何使用 Layui 实现二级弹窗弹出后自动关闭一级弹窗的方法，这对于构建多层交互的页面逻辑尤为重要。首先，我们需要理解 Layui 弹窗的工作原理。Layui 的弹窗组件是基于 iframe 或 div 实现的...

layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

08-29

Layer子层给父层页面元素赋值，以达到向父层页面传值的效果实例是指在layer弹出框中，将子层的数据传递到父层页面的方法。这种方法可以在实际开发中发挥重要作用，例如在选择商家时，需要将子层的选择结果传递到父层...

jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题

10-17

修改后的代码中，我们移除了外部引入的jquery文件，并在layer.use的回调函数中使用layui的jquery，这样就能保证$符号不会被外界的jquery覆盖。方法二：更换为jquery的早期版本，如jquery-1.X系列。在这个系列中，$...

html传值给弹窗,layui 父页面获取弹窗传递的值和父页面传值给子弹窗的方法

weixin_26834815的博客

07-14

1589

1.父页面获取子页面(弹窗)的值：现在父页面页面加载方法中定义方法，专门用来获取从子页面的值$(document).ready(function() {//拿到子窗口中传回的数据function getChildrenData(data){console.log('从子页面传递回到数据：');console.log(data);}});子页面调用父页面的取值方法：parent.getChildre...

layUI子页面向父页面传值

AbsolutelyNT的博客

09-29

1万+

今天遇到了一个问题，父子iframe传值问题，百度了很多，都没有解决子页面像父页面传值问题如图所示：父页面：子页面：点击附件就会进入子页面，这里面进行文件上传，需要将上传好的文件ID传回父页面中我自己写了一个通用方法：其中也包括了弹出框通用方法 /** * layui弹出框共同方法 * @param title 标题 * @param url 请求的...

layui弹出框子页面返回数据给父页面

zhrzhhymaffia的专栏

02-17

4400

最近从git上下载了一个开源的项目，项目前端使用layui框架。想使用该开源项目二次开发一个系统。开源项目名称是FEBS。该项目封装了layui的一些方法，这里只介绍弹出框子页面怎么传值给父页面。网上有介绍通过调用父页面函数的方式进行调用，参考http://www.pianshen.com/article/8280157529/ 这里介绍另一种方式，通过在父页面定义一个数组，在子页面中，直接调...

(layer) 如何关闭子页面之后把数据回显到父页面上？

|-| [- |_ |_ ()

04-12

7636

今天在写一个模块，里面有一个功能是在弹出的子页面中输入一些数据，然后在点击确认之后关闭子页面，把输入的这些数据再回显到之前的父页面上面。这里是用layer弹层组件，弹出一个iframe页面做的。研究了很久才弄明白。如下父页面的相关代码 //父页面 //click事件点击进入一个iframe页面（子页面） $(".relation").click(function() { // 是否是指派...

layui layer弹出层iframe子父页面传值以及函数调用

weixin_42901482的博客

05-18

3841

layer弹出层子父页面传值以及函数调用（其中包括从子页面重载父页面table）这段时间使用layer开发项目，期间碰到了弹出层子父页面传值以调用函数的问题，解决之后在这里记录一下。第一种情况：直接layer.open()方式，这中是直接弹出在父页面，如下代码 function registBtn(){ layui.use([ 'layer','form' ], function() { var layer = layui.layer; var form=layui.form; l

layer弹窗向父页面传值