码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-03-04 18:04:08      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:insert   script   asc   als   按钮   fun   dex   close   csdn   

引言

在使用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

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

标签:insert   script   asc   als   按钮   fun   dex   close   csdn   

原文地址:https://www.cnblogs.com/qinweizhi/p/8505175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!