easyui dialog iframe模式,dialog 父级页面调用子页面(iframe)的方法

var content = ‘<iframe id="iframe1" name="iframeuuid" src="‘ + url + ‘" width="100%" height="98%" frameborder="0" scrolling="no"></iframe>‘;var div = document.createElement(‘div‘);div.id = "sbkSelectDialog";document.body.appendChild(div);$(‘#selectDialog‘).dialog({    title: ‘选择‘,    width: 1000,    height: 600,    closed: false,    cache: false,    //href: url,    content:content,    modal: true,    buttons:[{        text:‘保存‘,        iconCls:‘icon-save‘,        handler:function(){            //获取iframe里面的内容            var childWin = document.getElementById(‘iframe1‘).contentWindow;            //调用子页面对象,子页面的方法            var rows = childWin.selectedDevListGrid.getSelectDevList();            if(rows){                if(rows.length==0){                    $.messager.alert(‘提示‘,‘请选择需要选择的设备!‘);                }else{                    console.log(rows);                }            }

        }    },{        text:‘关闭‘,        iconCls:‘icon-close‘,        handler:function(){            $("#selectDialog").dialog(‘destroy‘);        }    }],    onClose : function() {        $(this).dialog(‘destroy‘);    },    onLoad:function(){

    }});

原文地址:https://www.cnblogs.com/hellonotebook/p/11087559.html

时间: 2024-10-27 08:27:51

easyui dialog iframe模式,dialog 父级页面调用子页面(iframe)的方法的相关文章

js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法

今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可以有用,或许可以帮助需要帮助的人 这里使用 eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 父页面调用子页面的路径(子页面的路径)如下 http://localhoust:8080/oss-portlet/html/util/area

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)

第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div =_

父页面调用子页面的方法

其实一句话就可以调用子页面的方法了,何必整得那么纠结是吧,感谢java大神: var dsjg1=document.getElementById("div-dsjg").contentWindow.checkEmpty(); 我的子页面有一个方法: 子页面js: function checkEmpty(){ alert("我是儿子!"); } 子页面body内容省略. 父页面: <iframe id="div-dsjg" src="

layer弹窗确定按钮:父页面调用子页面

实例: var index=layer.open({         type:2,         title: '选择节点任务',         closeBtn: 1,         area:['300px','400px'],         shade:[0.5, '#000000'],         maxmin:false,         btn: ['确定', '关闭'],         yes: function(index, layero){          

Appcan学习笔记(1)——父页面调用子页面的方法

1.单个子页面 index.html 为父页面,里面有div为:<div id="content" class="ub-f1"> </div> 此div承载子页面 index_content.html 当触发父页面中的某一事件时调用子页面中的某一方法,代码如下 appcan.frame.evaluateScript("","content","RequestData('"+par+&

Iframe父页面与子页面之间的相互调用

iframe元素就是文档中的文档. window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象 Demo1 父页面fu.html: <!DOCT

Iframe父页面与子页面之间的调用

专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象.

Jquery父页面和子页面的相互操作

//父页面调用子页面Add函数 $("iframe")[0].contentWindow.Add() //父页面对子页面Id为Sava的Dom元素执行一次单击操作 $("iframe").contents().find("#Sava").click(); //子页面调用父页面Update()函数 parent.Update(); //子页面获取父页面Id为Name的Dom元素的value值 parent.$("#Name").