ASP.NET中Popup控件的使用方法

本文描述了ASP.NET的一个popup控件。该控件模仿MSN Messenger的警告，但是是用于网页的。可以通过选择不同的预定义风格或修改空间上用的所有颜色来完全地改变该控件的图形外观。控件支持拖拽方式，所以用户可以随心所欲地把它放到页面上的任何位置。

这个控件的一个重要特性是，它可以用到目前的大多数浏览器上。已经测试过的浏览器包括最新版本的Mozilla，Internet Explorer和Opera。在不支持filter的浏览器上，控件的外观会有所不同(只有最新版本的MSIE才支持filter)。在很多的控件属性上也可以使用HTML，这样就可以通过图标或其它的任何方式来获得popup控件。

图1

动作

该控件有两个事件，LinkClicked(popup中的连接被点击)，和PopupClosed(用户点击popup中的'X'按钮)。有三种方式来控制这个事件。使用什么方法是由ActionType属性决定的。可能的三种动作如下：

◆MessageWindow (默认) – 如果选择这个动作，控件会弹出一个新的浏览器窗口，其中显示Text 属性指定的文本。
◆OpenLink – 这种情况下，控件允许你做任何的JavaSript操作，或者是打开一个指向其它页面的链接(Link属性)。你也可以改变生成的标签的target属性。生成的代码看起来就像这样： Link..，在Link 中使用引用的时候得小心。 (只有当LinkTarget 不是空字符串的时候才会添加Target属性。)
◆RaiseEvents – 当选择这一项的时候，popup控件会在服务器端引起LinkClicked 和PopupClosed 事件。

图2

使用这个控件

添加控件到网页很简单。在VS.NET中，可以用Add/Remove Toolbox Items然后选择控件的DLL文件。这样控件就会出现在工具箱，你就可以把它添加到页面了。

设计器

对设计者来说控件有丰富的支持，所以在设计时你可以改变每一个控件属性。在'Action'类别中，可以定义当用户点击链接或关闭popup元素时，控件应该执行什么操作。'Texts' 和 'Design'中的属性可以修改控件的外观和显示的消息。在'Behavior'中，可以设置定时(什么时候popup会被显示，什么时候被隐藏)。AutoShow属性指明当页面被载入后，控件是否自动显示。当你想在使用Anchor控件之后显示控件时，这就很有用了。如果把DragDrop 设置为 true，用户就可以改变控件的位置，并且可以在页面上移动它。如果把ActionType 设置为MessageWindow ，'Window'类别就允许改变将会出现的窗口的属性。最后一个属性在'Layout'类别中，它用于修改位置，也就是窗口在什么地方被显示。(与窗口左下角或右下角的偏移)

代码

下面的代码描述了怎么改变一些属性，以及怎么用代码来显示一个popup控件：

// Popup.aspx.cs // 更改动作类型
popupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow; // 设置Popup和windows文本
popupWin.Title="This is popup"; 
popupWin.Message="Message displayed in popup"; 
popupWin.Text="Text to show in new window.."; // 更改颜色类型
popupWin.ColorStyle=EeekSoft.Web.PopupColorStyle.Green; // 更改时间 
popupWin.HideAfter=5000; 
popupWin.ShowAfter=500; // 展示popup (页面加载之后) 
popupWin.Visible=true;

使用anchor控件

设计器

图3

设计时，添加anchor控件到页面，类似于添加popup控件。当添加anchor到页面时，可以选择已有的服务器段控件的ID，或者写下其它任何元素的ID，并选择希望掌控的客户端事件。如果只是想重新打开popup，不必做其它的任何事情。只需要确保popup窗口控件会被安放在输出页面(必须为可见)。如果当页面被载入时，不想打开popup，那么只要把AutoShow 设置为false ，popup就会在其它指定的事件发生后才打开。