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"/> !");
    }
    }
    })
    }
     
  • 相关阅读:
    SQL Server 中WITH (NOLOCK)浅析
    C#中Monitor对象与Lock关键字的区别分析
    lock,Monitor,Mutex的区别
    如何在windows7中使用“专用字符编辑器”中的字
    ppapi,npapi
    配置OpenLDAP,Java操作LDAP,DBC-LDAP进访问
    List of Mozilla-Based Applications
    TLS协议分析
    编译Chrome详细步骤
    黑客惯用软件
  • 原文地址:https://www.cnblogs.com/time1997/p/12361505.html
Copyright © 2011-2022 走看看