关于easyui使用<iframe />与Dialog弹框问题

本文介绍了在使用easyui时,如何处理Dialog只在子选项卡中弹出的问题,提供了解决方法:在父页面定义打开Dialog的函数,并在子页面中调用该函数。同时探讨了父页面如何调用子页面函数的操作步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在用easyui,在使用过程中,选项卡使用的是<iframe />引入页面,但是,当我在使用Dialog的时候,只是在这个子选项卡中弹出,如果想让它在整个页面中弹出,就要在父页面中进行打开Dialog。


解决方法:


在父页面中定义打开Dialog函数

/*
在父页面打开Dialog
*/
function openDlg(){
    $('#userDialog').dialog('open');
}

在子页面中进行调用

$("#add").click(function() {
    parent.openDlg();
});

补充:

在父页面中如何调用子页面函数?

<ifame />

子页面中函数

function reloadGrid(){
    $("#userGrid").datagrid("reload");
}
<iframe name="childframe"/>

父页面中调用

childframe.window.reloadGrid();

childframe为我们定义的<iframe />中的name值。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值