ASP.NET 弹出控件

分享于 

10分钟阅读

Web开发

  繁體

Popup control in Internet Explorer and Mozilla

介绍

Customizable colors

本文介绍了 ASP.NET 弹出控件。 这里控件模仿MSN信使警报,但它是为在网页中使用而设计的。 通过使用预定义样式之一或者修改控件上使用的所有颜色,可以完全更改这里控件的图形外观。 控件支持drag&拖放,因此用户可以在页面上移动控件,它的需要。

这个控件非常重要的特性是,它可以在当前的大多数浏览器上使用。 它使用最新版本的Mozilla。IE 和 Opera 进行测试。 控件的外观在不支持筛选器( 过滤器仅在新版MSIE中支持)的浏览器上是不同的。 你也可以在许多控件属性中使用 HTML,这样你就可以使用 icon 或者任何你想要的。

操作

控件有两个事件,LinkClicked ( 单击弹出菜单中的链接) 和 PopupClosed ( 用户单击'x'弹出按钮)。 可以通过三种方式来处理这里事件。 将使用 ActionType 属性确定要使用的方法。 可以有以下三种类型的操作:

Actions - Open window

  • MessageWindow ( 默认值) - 如果选中这里操作,控件将打开带有 Text 属性指定文本的新浏览器窗口。
  • OpenLink - 在这种情况下,控件允许你执行任何JavaScript操作或者打开任何它的他页面( Link 属性)的链接。 你也可以更改 目标 生成的属性 <> 标记生成的代码将如下所示: <一个 href="[Link]"target="[LinkTarget]"> 链接。 </>Link 中使用引号时,请注意。 ( 目标 属性仅在 LinkTarget 不是空字符串时添加。)
  • RaiseEvents - 当选择这里选项时,弹出控件将在服务器端引发 LinkClicked 或者 PopupClosed 事件。

使用这里控件

将控件添加到网页非常简单。 在 VS.NET, 中,只需使用添加/删除工具箱项,然后选择控制文件的DLL。 控件将出现在工具箱中,你可以将它的添加到页中。

设计器

控件具有对设计器的丰富支持,因此可以在设计时更改控件的每个属性。 在类别'操作'中,可以定义当用户单击链接或者关闭弹出元素时控件应该做什么。 类别'文本'和'设计'中的属性允许你修改控件的外观和显示的消息。 在'行为'中,可以更改计时( 将显示和隐藏弹出窗口)。 AutoShow 属性表示在加载页面后是否显示控件。 当你希望以后使用锚定控件显示控件时,这很有用。 如果将 DragDrop 设置为 true 用户可以更改控件的位置并将它的移动到页面上。 ''类别允许你更改将 ActionType 设置为 MessageWindow 时出现的窗口属性。 最后的属性添加到类别'版式',它可以修改位置,其中窗口将显示为( 从左下角或者右下角处偏移)。

代码

以下代码描述如何更改几个属性并从代码显示popup控件:

<!-- Popup.aspx --><%@RegisterTagPrefix="cc1"Namespace="EeekSoft.Web"Assembly="EeekSoft.Web.PopupWin"%><cc1:popupwinid="popupWin"runat="server"visible="False"colorstyle="Blue"width="230px"height="100px"dockmode="BottomLeft"windowscroll="False"windowsize="300, 200"></cc1:popupwin>//Popup.aspx.cs
//Change action type
popupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow;
//Set popup and window texts
popupWin.Title="This is popup";
popupWin.Message="<i>Message</i> displayed in popup";
popupWin.Text="Text to show in new window..";
//Change color style
popupWin.ColorStyle=EeekSoft.Web.PopupColorStyle.Green;
//Change timing
popupWin.HideAfter=5000;
popupWin.ShowAfter=500;
//Show popup (after page is loaded)
popupWin.Visible=true;

使用锚定控件

设计器

Page Designer

Edit properties

在设计时向页添加锚定控件与添加popup控件类似。 在向页面添加锚时,可以选择现有服务器端控件的to,或者选择它的他要处理的客户端事件。 如果你只想重新打开弹出窗口,则不需要执行任何其他操作。 你只需要确保弹出窗口控件将呈现到输出页面( 它必须是可见的)。 如果你不希望在加载页面时打开弹出窗口,请将 AutoShow 设置为 false 指定事件发生后将打开弹出窗口。

你还可以使用 PopupWinAnchor 更改弹出控件上的文本。 为此,请将锚定控件的属性 ChangeTexts 设置为 true 选择 this anchor anchor anchor change change change change change change change change change message message optional optional optional optional optional optional optional optional optional optional。

代码

以下示例显示了如何使用 PopupWinAnchor 控件在关闭的popup控件后重新打开:

<!-- Anchor.aspx --><%@RegisterTagPrefix="cc1"Namespace="EeekSoft.Web"Assembly="EeekSoft.Web.PopupWin"%><cc1:popupwinid="popupWin"runat="server"visible="False"colorstyle="Blue"width="230px"height="100px"dockmode="BottomLeft"windowscroll="False"windowsize="300, 200"></cc1:popupwin><cc1:popupwinanchorid="popupAnchor"runat="server"changetexts="False"></cc1:popupwinanchor><spanid="spanReopen"> Click here to reopen popup! </span>//Anchor.aspx.cs
//Handle onclick event.. 
popupAnchor.HandledEvent="onclick";
//.. of spanReopen element
popupAnchor.LinkedControl="spanReopen";
//Show popupWin when event occurs
popupAnchor.PopupToShow="popupWin";
//Popup win is visible.. 
popupWin.Visible=true;
//.. and will be displayed when page is loaded
popupWin.AutoShow=true;

在运行时创建控件

在运行时创建控件时出现问题。 这是最新版本的,下面是如何在运行时使用 PopupWinAnchor 控件创建 PopupWindow的示例。 下面的代码将创建一个弹出窗口,在用户单击 spanReopen 元素后将显示( 使用 JavaScript )。 ( 这个示例假设你的页面上有一个名为 spanReopen的元素。

// Create popup window and popup win anchor control (in Page_Load)PopupWin popupWin=new PopupWin();
PopupWinAnchor popupAnchor=new PopupWinAnchor();// Add controls to pageplaceHolder.Controls.Add(popupAnchor); 
placeHolder.Controls.Add(popupWin);// Set anchor propertiespopupAnchor.PopupToShow=popupWin.ClientID;
popupAnchor.LinkedControl="spanReopen";
popupAnchor.HandledEvent="onclick";// Set popup win propertiespopupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow;
popupWin.Title="This is popup";
popupWin.Message="Message displayed in popup";// Show popuppopupWin.Visible=true;
popupWin.AutoShow=false;

谁可以用它?

这里控件可以很好地用于通知用户重要信息。 例如在网络电子邮件客户端中,你可能希望通知用户有关新消息的信息。 在用户可以通信 inside 系统的应用程序中,可以使用这个控件来警告用户,有人想要通知他。 控件的优点在于,它不需要网页上的固定空间,而且它非常出色,所以用户会注意到它。 使用该方法的另一种方式是在其中显示广告信息,而不是使用大型 Flash 动画(。关于CodeProject横幅,请参阅在线演示 )。

锚定控件使用户可以更快地使用弹出控件,并且减少页面重新加载。 例如可以使用popup控件在这里示例文件中显示表单字段( 如 )的快速帮助。 当文本框接收焦点时,将显示快速帮助。 另一种方法是使用快速帮助,在每个文本框中添加按钮 behind,当用户点击这里按钮时显示。

历史记录

  • 20/04/2004 - PopupSpeed 添加了( 你可以更改弹出窗口的滑动速度)。
  • - 少数 Bug 固定。 演示如何在运行时生成控件的示例。
  • 0 - ShowLink 属性添加了(。允许在弹出控件中不生成链接)。
  • 11/30/2003 - DLL编译. NET 1.0和. NET 1.1,OpenLink 错误修复,拖放&拖放支持,VB.Net 示例添加( 1.2 )。
  • 11/18/2003 - PopupWinAnchor 添加( 1.1 )。 感谢 Oskar Austegard的建议。
  • 11/15/2003 - 第一个版本( 1 0 )

控制  asp  asp-net  POP  弹出  
相关文章