介紹ASP.NET彈出窗口
ASP.NET彈出窗口控件, 是MSN Messenger 提醒(alert)的網(wǎng)頁版,通過定義顏色風(fēng)格可以修改圖形的外觀.支持拖放操作.一個很重要的特性是支持絕大多數(shù)瀏覽器.在最新版本的Mozilla, IE和Opera下測試通過,在不支持filter的瀏覽器中UI會有些差異.控件的很多屬性可直接使用HTML代碼,以實現(xiàn)圖片等豐富的表現(xiàn)形式.
ASP.NET彈出窗口控件PopupWindow, 可用于通知用戶重要的信息,比如在web email客戶端通知用戶新消息/信件. 當(dāng)用戶在系統(tǒng)內(nèi)交流時需要通知他有人找他聊天. 用此控件的好處是不占網(wǎng)頁的空間又能醒目得引起用戶的注意. 另外可用于顯示廣告信息.
錨定彈出控件PopupWinAnchor,可以讓彈出窗口控件更快,頁面加載更少.比如我們可以用以實現(xiàn)表單填寫的即時幫助.當(dāng)textbox收到輸入焦點時即顯示動態(tài)幫助. 另外,可以用來在每個textbox后加一個button, 當(dāng)用戶點擊button時顯示彈出窗口.
控件有兩個事件: 點擊彈出窗口上鏈接時的事件LinkClicked, 點擊右上角關(guān)閉按鈕時的PopupClosed. 根據(jù)ActionType屬性(如下)的不同,有三種處理事件的方式:
(1)MessageWindow (默認) - 控件會打開新的瀏覽器窗口,其中顯示Text屬性的內(nèi)容.
(2)OpenLink - 控件可以執(zhí)行JavaScript操作或打開Link屬性中的新頁面. 生成的<A>標(biāo)簽的target屬性也是可以改變的. 生成的代碼是這個樣子的: <a href="[Link]" target="[LinkTarget]">Link..</a>, 因此得當(dāng)心Link屬性中不要使用引號. LinkTarget非空時才會加上Target屬性.
(3)RaiseEvents - 控件觸發(fā)服務(wù)器端的 LinkClicked 或 PopupClosed 事件
在頁面中使用此控件非常簡單. VS.NET中,只需要在工具箱中用"添加刪除項"來選中控件的dll文件,然后從工具箱中把該控件拖放頁面中.
設(shè)計器:
控件有良好的設(shè)計時支持,我們可以更改所有屬性,Action類別中,我們可以定義當(dāng)用戶點擊鏈接和關(guān)閉窗口時控件的行為, Text和Design類別中,我們可以修改控件的外表和顯示的消息.在Behavior中,我們可以改變時間間隔(何時顯示/隱藏彈出窗口), AutoShow屬性指控件是否在頁面加載后即顯示,DragDrop屬性為真時,用戶可以在頁面中拖放控件的位置. 如果我們把ActionType 設(shè)為 MessageWindow,Window類別可以用來改變顯示窗口的屬性. Layout類別中的屬性可以用來控制位置(從窗口左下角或右下角的位移).
代碼
下面的代碼顯示了如何改變一些屬性并顯示控件.
- <!-- Popup.aspx -->
- <%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web"
- Assembly="EeekSoft.Web.PopupWin" %>
- <cc1:popupwin id="popupWin" runat="server" visible="False"
- colorstyle="Blue" width="230px" height="100px" dockmode="BottomLeft"
- windowscroll="False" windowsize="300, 200"></cc1:popupwin>
- // 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;
以上介紹ASP.NET彈出窗口。
【編輯推薦】
