Layer Open子页面给父页面传值

约定不等于承诺〃 2021-09-18 23:44 973阅读 0赞

> 首先是父页面上，打开一个弹出框

layer.open({
        type: 2,
        title: false,
        maxmin: false,
        shade: [0.5, '#000'],
        //配置遮罩层颜色和透明度
        shadeClose: false,
        //是否允许点击遮罩层关闭弹窗 true /false
        //closeBtn:2,
        // time:1000,  设置自动关闭窗口时间 1秒=1000；
        shift: 4,
        //打开效果：0-6 。0放大，1从上到下，2下到上，3左到右放大，4翻滚效果；5渐变；6抖窗口
        area: ['800px', '430px'],
        //设置弹出框的宽高
        content: ['/?app=zone&controller=zrk&action=departmentTree', 'no'],
        btn: ["确定", '关闭'],
        success: function(layero, index) {},
        // 确定的操作
        btn1: function(index, layero) {  
            //这一行是关键，获取的事子页面的内容，所以可以在子页面将数据绑定在隐藏区域，从而在这个地方获取
            var obj = layero.find("iframe")[0].contentWindow; 
            //获取子窗体对象
            console.log(obj.checkedList.toString());
            $("#uids").val(obj.checkedList.toString());
        },
        cancel: function(index, layero) {
            // 取消的操作
        }
    });

> 子页面上 html中

<input id="uidsub" class="form-control" name="uid" type="hidden" value="" >

> 子页面 js中

$("#uidsub").val("This is value");

> 另外也可以直接在子页面向父页面传值

// 子窗体传值到父窗体 uids是父页面的一个dom
    // $("#uids",window.parent.document).val("This is value");

发表评论取消回复

表情：

评论列表（有 0 条评论，973人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app子页面与父页面互相传值

main.js中添加 Vue.prototype.$eventHub = new Vue(); 点击列表按钮打开新页面 methods: { c

- 日理万妓/ 2023年08月17日 15:33/ 0 赞/ 125 阅读

相关父页面通过window.open打开子页面进行传参

看了网上一堆我觉得不是很好地方式还麻烦所以分享下另一种方法 A页面打开B页面后 B页面想获取A页面的参数如下写法即可轻松获取 > A页面定义的参数为： v

ゝ一世哀愁。/ 2023年02月24日 03:48/ 0 赞/ 6 阅读

相关 VUE中父子页面传值，子页面调用父页面方法

实现步骤： 1. 新建两个页面，一个父一个子 2. 父页面引入子页面 3. 父页面添加子页面标签 4. 子页面default中定义props即可使用父页面传过来的

向右看齐/ 2022年12月27日 07:21/ 0 赞/ 825 阅读

相关【JS】:JS中父页面与子页面传值

一、子页面是父页面通过window.open弹出的情况子页面要向父页面传值，只要在document前面加window.opener即可。如： 1.父页面代码：

布满荆棘的人生/ 2022年06月18日 11:43/ 0 赞/ 319 阅读

相关 layer.open父页面获取子页面的数据

//添加 function add() { layer.open({ type: 2, titl

迷南。/ 2022年05月25日 12:50/ 0 赞/ 277 阅读

相关父级页面获取子级页面数据layer

父级页面 layer.open({ type: 2, area: [w+'px', h +'px'], fix: false

梦里梦外;/ 2022年05月14日 12:13/ 0 赞/ 314 阅读

相关 uni-app子页面与父页面互相传值

main.js中添加 ![20190507104153417.png][] 点击列表按钮打开新页面 ![watermark_type_ZmFuZ3poZW5naGV

朱雀/ 2022年02月04日 07:45/ 0 赞/ 865 阅读

相关子页面向父页面传值

a：父页面 b：子页面由b页面向a页面传递值方法1：子页面的js方法 openDialog:function (val) {

Dear 丶/ 2021年12月03日 14:55/ 0 赞/ 328 阅读

相关 layer open 子页面调用父页面的方法

> 问题情景：比如收货地址列表我要新增一个地址，使用layer的弹窗获取用户输入信息，在保存的时候调用父页面已经定义的获取收货地址列表的方法，以此来不刷新页面的同时，刷新列表，

淡淡的烟草味﹌/ 2021年09月24日 01:26/ 0 赞/ 1407 阅读

相关 Layer Open子页面给父页面传值

> 首先是父页面上，打开一个弹出框 layer.open({ type: 2, title: false, maxmi

约定不等于承诺〃/ 2021年09月18日 23:44/ 0 赞/ 974 阅读