EasyUI Dialog with iFrame

HTML:

<div id="myDlg" class="easyui-window" closed="true" modal="true" title="Example" style="width:500px;height:350px;">
    <iframe scrolling="auto" id=‘myIframe‘ frameborder="0" src="" style="width:100%;height:100%;"></iframe>
</div>

　　

Javascript:

$(‘#myIframe‘)[0].src=‘example.htm‘;
$(‘#myDlg‘).dialog(‘open‘);

　　

时间： 2024-12-16 10:52:05

EasyUI Dialog with iFrame的相关文章

Easyui dialog中嵌入iframe

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面 加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer

easyui dialog 中嵌入html页面

最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执行的脚本内容) 方法一: 使用href属性,失败. 经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html. easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它

easyui dialog 扩展load

1 $.extend($.fn.panel.methods, {  2     showMask: function(jq, msg){  3         return jq.each(function(){  4             var pal = $(this).panel('panel');  5             if (pal.css('position').toLowerCase() != 'absolute'){  6                 pal.cs

easyui dialog遮罩层

当dialog在一个iframe里时,此dialog的遮罩层也会只覆盖这个iframe,要想覆盖整个页面,就把dialog写到最外层的父页面中去,此时dialog的遮罩层会自动覆盖整个页面,若需要从子页面去获取父页面的dom对象,用parent.window.$(" ")的形式.

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(

Easyui dialog

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="styleSheet" type="text/css" href="js/easyUI/metro/easyui.css"> <link rel=

easyui dialog远程加载内容完成后，进行对话内容（表单）初始化

通过查看easyui的帮助文档,dialog继承于window,window继承于panel,panel中有个onLoad事件,也就是当远程数据加载完成后,触发此事件.因此只要在此事件中对对话框中的内容进行初始化就可以了. var $addEvent = $("#addEvent"); // 初始化对话框 $addEvent.dialog({ title: '新增待办工作', width: 400, height: 250, closed: false, cache: false, h

在easyui dialog的子页面内如何关闭弹窗

因项目需要在dialog中添加滚动条,所以就在div中加了iframe: 1 <div id="applyRefundDialog" style="display:none;overflow:hidden"> 2 <iframe id="applyframe" style="width: 100%; height: 100%;" scrolling="auto" frameborder=&

EASYUI Dialog的基本使用

1.基本使用 代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Dialog</title> <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="t