首页 > 其他 > 详细

cancel:function(){ 询问是否关闭,获取到要关闭页面的某个id的val}

时间:2019-11-27 12:10:19      阅读:250      评论:0      收藏:0      [点我收藏+]

1、场景:layui父页面弹出子页面,关闭时需要提示是否关闭子页面,并且获取子页面的某 div 或者 input的value

js

父页面  layui弹窗实例

window.top.layer.open({
                type : 2,
                title : ‘考试‘,
                shadeClose : false,//点击遮罩区域是否关闭页面
                shade : 0.8,
                area : [‘1030px‘, ‘650px‘],
                content : sys_ctx + "/customized/hy/itembank/examdetailinfo.jsp?parentname="+window.name+"&maintain_id="+guid+"&answer_type=1&exam_duration="+exam_duration,
                end : function(layero, index) {

                    if("1"!=$("#submitType").val()){
                        // 点击叉号删除记录
                        sys_ajaxPost("/webExamRecord/default.do?method=examRecordDel&recordGuid="+$("#recordGuid").val(), null, function(json) {

                        });
                    }
                },
                //要关闭的页面
                cancel: function(index, layero){
                    var iframe=layero.find(‘iframe‘);

                    //获取子页面document对象
                    var docObj = iframe.length >= 1 ? iframe[0].contentDocument : null;

                    //直接用 document对象获取id  id区分大小写
                    var recordguid = docObj.getElementById("recordguid").value;//考试记录id
                    var sytime = docObj.getElementById("syTime").innerText;//考试剩余时间
                    var str = "";
                    str+="&recordguid="+recordguid;
                    str+="&sytime="+sytime;

                    //只有当点击confirm框的确定时,该层才会关闭
                    if(confirm(‘考试正在进行,关闭后请到考试记录继续考试\n【意外:这可能导致考题记录丢失】\n确定要关闭吗?‘)){

                        sys_ajaxPost("/webExamRecord/default.do?method=examRecordDurationErr", str, function(json) {

                        });

                        parent.layer.closeAll();
                    }
                    return false;//取消  关闭

                }
            });

 

2、效果:

 

技术分享图片

cancel:function(){ 询问是否关闭,获取到要关闭页面的某个id的val}

原文:https://www.cnblogs.com/w-yu-chen/p/11940627.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!