zoukankan      html  css  js  c++  java
  • layer.open中父页面向子页面传值

    1.咱先看图说话

    父list.jsp 子operate.jsp
    实现的代码
    1 在父页面上完成对子页面的数据渲染
    function setData(data) {
    var lay=layer.open({
    type: 2,
    title: false,
    //closeBtn: 0,
    //shade:0,//是否有遮罩效果
    area: ['560px', '294px'],//宽,高
    //skin: 'layui-layer-nobg', //没有背景色
    shadeClose: false,
    content: ['operate.do', 'no'],
    success: function(layero, index){
    var body=layer.getChildFrame('body',index);//少了这个是不能从父页面向子页面传值的
            //获取子页面的元素,进行数据渲染
           body.contents().find("#attributeNameEn").val(data.attributeNameEn);
           body.contents().find('#attributeNameCn').val(data.attributeNameCn);
           body.contents().find('#attributeId').val(data.attributeId);
           body.contents().find('#remark').val(data.remark);
           body.contents().find('#remarkEn').val(data.remarkEn);
           let id = '#isValid' + data.isValid;
           body.contents().find(id).prop("checked", true);//这是子页面的单选按钮,让其选中
            },
    });
    //重新给指定层设定width、top等 因为它们的小屏幕电脑的弹出层会出现滚动条,所以才用这个方法给加一个overflow: 'visible',属性
    layer.style(lay, {
    overflow: 'visible',
    });

    }

    2.保存按钮的事件写在子页面的
    function saveByajax() {
    $.ajax2({
    type: 'POST',
    url: 'xxxx',
    data:{
    attributeId:$('#attributeId').val(),
    attributeNameEn:$('#attributeNameEn').val(),
    isValid:$('input[name="radioInline"]:checked').val(),
    },
    success: function (r) {
    if (r && r.message=='Operate successfully') {
    // layer.msg("操作成功!");
    setTimeout( function(){
    //window.parent.location.href = 'list.do'; 或者
    parent.location.reload();//刷新父页面
    }, 5 * 100 );//延迟500毫秒
    //window.parent.layer.closeAll();关闭弹窗
    }else {
    // layer.msg("添加失败!");
    layer.msg("<spring:message code="msg_Add_failed"/> !");
    }
    }
    })
    }
     
  • 相关阅读:
    面试回忆录(一)
    2013国内IT行业薪资对照表【技术岗】
    腾讯2013笔试题—web前端笔试题 (老题练手)
    Nicholas C. Zakas(JS圣经:JavaScript高级程序设计作者)如何面试前端工程师
    Js中 关于top、clientTop、scrollTop、offsetTop的用法
    JavaScript中的面向对象的讨论(转)
    javascript中的原型理解总结
    关于Javascript语言中this关键字(变量)的用法
    window.clearInterval与window.setInterval的用法(
    JavaScript经典魔力代码
  • 原文地址:https://www.cnblogs.com/time1997/p/12361505.html
Copyright © 2011-2022 走看看