位置:海鸟网 > IT > ASP.NET >

Asp.net中的Popup控件的使用方法

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

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

  代码

  下面的例子展示了怎么用PopupWinAnchor控件来重新打开曾经被关闭的popup控件:

<-- Anchor.aspx -->

Click here to reopen popup ! // 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 page
placeHolder.Controls.Add(popupAnchor);
placeHolder.Controls.Add(popupWin); // Set anchor properties
popupAnchor.PopupToShow=popupWin.ClientID;
popupAnchor.LinkedControl="spanReopen";
popupAnchor.HandledEvent="onclick"; // Set popup win properties
popupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow;
popupWin.Title="This is popup";
popupWin.Message="Message displayed in popup"; // Show popup popupWin.Visible=true;
popupWin.AutoShow=false;

  谁可以用它

  该控件可以用来提醒用户一些重要的信息。比如,在网页邮件客户端中,你可能会提醒用户注意新消息。在那些用户可以进行系统内部交流的应用程序中,你可以用这个控件来提醒用户,有人想和他交谈。该控件的有点在于,它不需要网页上的固定空间但是确足够醒目,所以用户会注意到它。另一个使用它的方式是,在其中展示一些广告信息,从而避免使用Flash动态图象。(参考CodeProject 标语的在线演示)。

  Anchor控件让使用popup控件更快,并且减少了页面载入时间。例如,可以用popup控件在窗体中显示快速帮助,就像在这个例子中一样。当文本框收到focus事件的时候就会显示快速帮助。另一个用它来显示快速帮助的方法是,在每一个文本后都添加按钮,这样当用户点击按钮时,popup就会被显示。