layer通过父页面调用子页面的方法及属性

Posted 2020-10-26 适当的废话

引言

在使用layer.js的过程中，需要通过layer.open()以iframe的形式打开特定的页面，同时需要用layer的按钮对打开的页面进行提交及重置操作，但是苦于不知如何在父页面调用子页面的方法及属性，查阅大量资料之后终于得出解决方案。

首先

这是layer.open()的代码

layer.open({
      id: ‘insert-form‘,
      type: 2,
      title: ‘录入数据‘,
      shadeClose: true,
      shade: 0.8,
      area: [‘1100px‘, ‘90%‘],
      content: ‘insert.html‘,
      btn: [‘提交‘, ‘重置‘],
      yes: function (index) {
        insertSubmit()
      },
      btn2: function (index) {
        insertReset();
        return false;
      }
    });

　　

需要注意的是，必须提供一个id属性，以供之后查找到所需的iframe。

其次：重点

这是调用子页面方法的代码：

 

function insertSubmit(){
    var frameId=document.getElementById(‘insert-form‘).getElementsByTagName("iframe")[0].id;
    $(‘#‘+frameId)[0].contentWindow.mySubmit();
  }


  function insertReset(){
    var frameId=document.getElementById(‘insert-form‘).getElementsByTagName("iframe")[0].id;
    $(‘#‘+frameId)[0].contentWindow.myReset();
  }

　　

注意：这段代码是写在父页面中的，即layer所在的页面。

再次

这是子页面（layer中打开的页面）中被调用的方法：

 function mySubmit(){
        $(‘#form‘).submit();
    }


    function myReset(){
        $(‘#form‘)[0].reset();
    }

　　 原文：http://blog.csdn.net/qq_28550739/article/details/53389588