关闭内嵌框架窗口
Close IFRAME Window
下面的jQuery由GridView上的一个按钮触发,它允许我在一个漂亮的弹出Iframe中编辑记录。 但是,我需要从 EditEmployee .aspx 页面的代码 (c#) 后面关闭 Iframe 弹出窗口。 我已经通过搜索谷歌和堆栈溢出尝试了几乎所有选项,但似乎没有一个有效。 我尝试在父页面上添加一个函数,调用 CloseDialog(),然后调用 window.parent.CloseDialog(),但我无法让它工作。 有人可以帮帮我吗,我是jQuery的新手?
<script type="text/javascript">
$(document).ready(function () {
$('a#popup').on('click', function (e) {
var page = $(this).attr("href") //get url of link
var $dialog = $('<div></div>')
.html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
.dialog({
autoOpen: false,
modal: true,
height: 450,
width: 'auto',
title: "Edit Employee",
buttons: {
"Close": function () { $dialog.dialog('close'); }
},
close: function (event, ui) {
__doPostBack('<%= btnRefresh.ClientID %>', ''); // To refresh gridview when user close dialog
}
});
$dialog.dialog('open');
e.preventDefault();
});
});
</script>
<asp:TemplateField HeaderText="ID">
<ItemTemplate >
<a id="popup" href='EditEmployee.aspx?id=<%# Eval("ID") %>' >edit</a>
</ItemTemplate>
</asp:TemplateField>
试试这个:
ClientScript.RegisterStartupScript(GetType(), "closeDialog", "$dialog.dialog('close');", true);
事实证明,我需要给我一个 iframe 一个 id,然后像这样调用关闭它函数 从弹出窗口关闭 IFrame 对话框
function closeIframe()
{
$('#iframeId').dialog('close');
return false;
}
相关文章:
- HTML 框架 - 防止引导弹出窗口在用户单击正文时消失
- 为什么Javascript中的跨框架或窗口数组如此难以识别
- 在顶部框架上显示模态弹出窗口
- 如何使用下拉菜单打开新的框架/窗口
- 关闭内嵌框架窗口
- 为链接打开一个新窗口,但希望下一页仍在“主体”框架中
- jQuery弹出窗口,将其更改为在框架或ajax中加载页面
- 响应式框架中的滑动窗口/缓冲区
- 使用 html/javascript 的 AIR 框架移动窗口
- 如何仅相对于该框架而不是整个窗口执行javascript
- 子框架将打开一个弹出窗口.如何检查该弹出窗口是否从父级打开
- JavaScript 窗口.位置页面在框架中重定向
- 如何在使用弹簧框架工作时提供JSP页面的URL以打开WEB-INF文件夹中的弹出窗口
- 如何在新选项卡或窗口中打开所有框架
- IE9与谷歌Chrome框架窗口.未决问题
- 如何打开框架中的窗口
- 当从不同域加载框架页面的父窗口时,会导致IE中的权限被拒绝
- 现在在Javascript中对多个框架/窗口进行补偿有意义吗?
- 在Javascript画布中创建一个新的框架/窗口
- 如何从框架窗口获取框架集