始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

最新推荐文章于 2022-08-30 13:05:09 发布

weixin_30764137

最新推荐文章于 2022-08-30 13:05:09 发布

阅读量101

点赞数

文章标签： axure xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/Jinglecat/archive/2007/06/08/776000.html

版权

需求如题，

原始需求来自今天CSDN asp.net 板块的一个求助贴：

1 .点击一个可以打开新窗体的链接，如何实现如果窗体已打开，则将焦点转到已打开的窗体，否则打开新窗体。难点：如何判断窗体已打开，及将将打开的窗体Active？

2 .如何实现一个主窗体关闭时，将所有打开的其他相关窗体一起关闭？

我们主管以前是做WinForm的，现在升级系统Asp.net做开发。但思维模式还是WinForm。提的这两个要求实难下手去做，请教各位是否有办法实现，若有请告之，谢谢！

http://community.csdn.net/Expert/topic/ 5587 / 5587936 .xml?temp = .7338983

虽然是有点变态，还硬是将他基本实现了，希望不会有太多潜在bug～

其实自己很早都有这种需求，只是之前都懒得去尝试，变样实现了，
至于父子窗口交互控制、互相调用方法、互相传值，地球人倒是实现了不少，

google + baidu 好像都没有完整的实例可供参考，只有自己实现

这里，我采取了 window.open ，还没有尝试 window.showModelessDialog，
对于 IE，来说后者可能更适合，更好交互控制

实现要点：
1. window.open 会返回新打开窗口的 window 对象
2. 实现一个模拟的简单 HashMap 存储子窗口的 window 对象
3. 每次 open 的时候，检索此 HashMap，确定子窗口是否已存在，
4. 若存在则直接切换焦点 (window.focus)
5. 若不存在，则 open 一个
6. 对于4，有可能子窗口已关闭，故采取了点技巧，先调用其 focus （其实可以任意方法），若出错，则也open 一个
7. 关闭 parent 的时候，遍历 HashMap，尝试关闭所有子窗口
8. 所有操作在父窗口实现
9. 整个实现原理其实很简单，只要需要熟悉js和dhtml，然后注意细节问题处理

目前 IE 6 sp1 测试通过，FF 由于不支持 window.focus 故不适合使用

对于 FF window.focus 问题参考：
http://hi.baidu.com/aolaii/blog/item/1bce87d6d9a1f62f06088b41.html
http://groups.google.com/group/mozilla.support.firefox/browse_thread/thread/470462a7876dd154/eae3d04ce24aa58e?lnk=st&q=focus+firefox+raise&rnum=1#eae3d04ce24aa58e

现在有点崇拜那句话了，"nothing is impossible!"，当然前提是要合理的^_^

欢迎拍砖～

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Parent window</title>

function openWin()

{

//debugger;

var sltWins = document.getElementById("sltWins");

var url = sltWins.value;

var winName = url.replace('.', '_');

var win;

win = winMap[winName];

try

{

win.focus();

}catch(e)

{

// alert(e.message);

// we need to open a new window when the child window has not

// been opened or the child window has been close.

// as to the later, you also can implements some method that notices the parent window

// to remove the child window from our winMap object when it is closing.

// but it's a piece of hard work, i think so, because you must

// add the notice codes to all the child windows

win = window.open(url, winName, "top=100,left=100,width=400,height=300");

winMap[winName] = win;

if(!win)

{

alert("Sorry, fail to open the window.Some unexpected error occurs.");

}

else

{

// i try to bind a callback function to the child window's unload event

// unfortunately, it seems not to work.

// win.onunload = function() {

// try {

// alert(opener.winMap[winName]);

// opener.winMap[winName] = null;

// alert(opener.winMap[winName]);

// } catch(e) {

// // alert(e.message);

// }

// };

win.focus();

}

</script>

// stores the opened window object

var winMap = new Object();

//winMap["TestedKey"] = "TestedValue";

window.onunload = function()

{

// try to close all child windows.

for(var propName in winMap)

{

try

{

winMap[propName].close();

}catch(e)

{

//alert(e.message);

}

</script>

</head>

<body>

<h3>Maintaining the Parent window and Multi Child windows as in WinForm</h3>

<h4>funcions:</h4>

<ol>

<li>Open the same child window once.</li>

<li>Close all the child windows when the parent window is closing.</li>

</ol>

Child window:

</select>

<br />

</body>

</html>

下载

转载于:https://www.cnblogs.com/Jinglecat/archive/2007/06/08/776000.html

weixin_30764137

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

需求如题，原始需求来自今天CSDN asp.net 板块的一个求助贴：1.点击一个可以打开新窗体的链接，如何实现如果窗体已打开，则将焦点转到已打开的窗体，否则打开新窗体。难点：如何判断窗体已打开，及将将打开的窗体Active？2.如何实现一个主窗体关闭时，将所有打开的其他相关窗体一起关闭？我们主管以前是做WinForm的，现在升级系统Asp.net做开发。但思维模式还是WinForm。提的这...
复制链接

扫一扫