MSN由个很好的功能,就是每当你的MSN好友上线时,MSN会自动在窗体托盘的右下
角由下往上弹出消息框来通知你,这个功能十分实用,比如在论坛里,当有新回复你的帖子时,系统会自动弹出消息提示框,又或者在一个电子政务的系统里,当收
到新的邮件或者工作单时,可以使系统弹出消息框提示等等。那么,在ASP.NET构建的Web应用中,如何实现这样的功能呢?在本文中,向读者推荐一个可
以实现类似MSN的通知消息窗口效果的.NET控件。
首先让我们来看下该控件实现后的样子,如下图:
可以看到,这个控件可以在各类型的浏览器中使用(IE,MOZILLA,NETSCAPE,OPERA),而且我们还可以自定义颜色,还可以进行拖拉,如下图:
下面我介绍这个控件的一些使用方法。
首先,在该控件中,有两种事件可以被激发:Linkcliked事件(当消息框内的连接被点击时触发)和Popupclosed事件(当消息框窗口被关闭时触发)。控件有三种方式对这些事件进行处理,而actiontype属性的取值,则决定了这三种方式:
1)messagewindow(默认):默认的弹出窗口方式,将以设置好的Title属性和Text属性为标题和窗口内的文字说明。
2)openlink:此时,控件允许当点击窗口内的文字链接时,将以打开新窗口的方式打开该链接。
3)raiseevenst:当选择该属性时,控件将会在服务端处理linkcliked事件和popupclosed事件。
在使用该控件时是十分方便的,只需要在visual studio .net 中,使用add/remove toolbox功能,选择该控件的dll,之后,该控件就会出现在工具箱中,就可以拖拉的方式放到网页中去应用。
单击该控件,在其设计器中,会发现有丰富的属性(详细的属性,事件说明请参考该控件的文档)。在设计器中的"操作"
分类栏中,可以指定控件如何处理当用户关闭窗口和点击窗口内的文字时打开的新链接;在"文字"和"设计"分类栏中,将可以设计弹出消息窗口的字体,颜色,
布局(如设置是从左下角还是从右下角弹出);在"行为"分类栏中,可以设置窗口弹出的弹出速度,是否自动在页面加载后就弹出,以及窗口在弹出多久后会自动
关闭,窗口是否可以设置为自由拖拉等等。
下面举例通过代码说明如何使用:
在popup.aspx中:
<!-- Popup.aspx -->
<%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web"
Assembly="EeekSoft.Web.PopupWin" %>
<cc1:popupwin ></cc1:popupwin>
在code-behind代码中写入:
// Popup.aspx.cs
//设置为默认的消息窗口
popupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow;
//设置窗口的标题,消息文字
popupWin.Title="This is popup";
popupWin.Message="<i>Message</i> displayed in popup";
popupWin.Text="Text to show in new window..";
//设置颜色风格
popupWin.ColorStyle=EeekSoft.Web.PopupColorStyle.Green;
//设置窗口弹出和消失的时间
popupWin.HideAfter=5000;
popupWin.ShowAfter=500;
popupWin.Visible=true;
在该控件的基础上,我们再增强该控件的功能,实现一个叫popupanchor的控件。该控件可以动态检测客户端的
事件,比如在一个输入表单中,每当你在文本框填完数据,将鼠标的焦点转移到另外的文本框时,会自动弹出消息提示框。而且,使用该控件,还可以动态更改原先
弹出窗口的标题和文字。Popipanchor控件是配合popupwin控件使用的,比如,想重新打开已经弹出过的窗口框,可以这样设置,添加一个
popipanchor控件,设置popuptoshow属性,指明要控制的是哪一个弹出消息框的窗口,之后并可以设置相关的handledevent属
性,指明要击发的是什么样的事件(比如onfocus,ondblick)等,如下图
用下面的的代码,可以重新设置已经弹出过的消息窗口的标题文字,并让其再次弹出:
<!-- Anchor.aspx -->
<%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web" Assembly="EeekSoft.Web.PopupWin" %>
<cc1:popupwin >
</cc1:popupwin>
<cc1:popupwinanchor ></cc1:popupwinanchor>
<span > Click here to reopen popup !</span>
code-behind文件中的代码如下:
// Anchor.aspx.cs
// Handle onclick event ..
//设置其响应的事件为onclick
popupAnchor.HandledEvent="onclick";
popupAnchor.LinkedControl="spanReopen";
popupAnchor.PopupToShow="popupWin";
popupWin.Visible=true;
popupWin.AutoShow=true;
则上面的代码可以实现,当点击spanreopen区域时,可以使已经弹出的消息窗口再次弹出。
DEMO例子里演示了如何使用popupanchor控件,如下图,当点击第一个文本框时,弹出窗口,提示要输入文字;当输入完第一个文本框的内容时,将鼠标移动到第二个文本框时,又会弹出第二个窗口:
请发表评论