带有关闭检测功能的 ASP.NET 弹出复合控件

4.00/5 (2投票s)

2011年5月11日

3分钟阅读

13984

458

引言

之前我有一个项目需要在各处使用很多弹出窗口来输入和编辑数据，但我必须在 asp.net 中执行回发来注册弹出窗口的启动脚本，并且无法检测到弹出窗口关闭，所以不得不使用悬停的 div 或让用户刷新窗口才能看到他们所做的更改。
此控件将解决这些需求，我发现它非常易于使用。

对 javascript 和复合控件的一些理解将帮助您理解和自定义控件。

此控件由两部分组成，首先是包含服务器端功能的 asp 控件，其次是处理客户端事务的 javascript。

该控件继承自 CompositeControl 类并实现 IPostBackEventHandler，它根据通过 url、PopupWidth、hight 等属性提供的参数生成 javascript 函数行（使用 JFunc() 方法），并将其嵌入到 <a> 标签的 href 属性中，该标签将在客户端被调用。它还在 ScriptManager 中注册 PopupHandler.js，以便它可用于上述函数调用。
此外，每次属性更改时，都会调用 SetProps() 方法以确保显示更改。
此控件有一个事件 PopupClose，当用户关闭弹出窗口时触发。

显示弹出窗口。 我试图包含显示与 IE、Opera 和 FireFox 兼容的模态和非模态弹出窗口的方法。
IE 支持 window.showModalDialog() 方法，如果浏览器支持，将会调用该方法，这可以通过以下代码行检测到

if (window.showModalDialog){...}

否则将调用 window.open() 方法。每种方法都有自己的传递参数和选项的方式，因此将相应地准备选项字符串。

SetCloseHandler() 方法将创建一个计时器，该计时器以 100 毫秒的间隔检查弹出窗口，当检测到其关闭时，将触发 __doPostBack()

使用该控件非常容易

将 "PopupCommand" 文件夹复制到您的项目中（最好复制到一个名为 "Popup" 的新程序集项目中，否则将 PopupCommand.cs 中的 "Popup" 命名空间更改为您想要的命名空间 [第 12,13,14,53 行]）
将 "PopupHandler.js" 的 BuildAction 设置为 "Embedded Resource" 并构建项目
从工具箱中将新添加的名为 PopupCommand 的项目拖到需要弹出控件的任何位置
```
<hmc:PopupCommand
	ID="PopupCommand1"
	runat="server" />
```

根据您的需要设置控件的参数

<hmc:PopupCommand
	ID="PopupCommand1"
	runat="server"
	Url="http://www.google.com"
	Text="Popup"
	ImageUrl="~/Images/Image.png" />

您还可以双击插入的控件并处理 PopupClose 服务器事件