在ASP.NET中使用PlaceHolder控件
51CTO推薦:ASP.NET視頻教程
在從一個(gè)Web頁面轉(zhuǎn)換到另一個(gè)Web頁面時(shí),你的ASP.NET應(yīng)用程序的用戶界面的某些部分常常是保持不變的——如某些“裝飾”的部分:頁眉處的GIF圖片、水平工具條或?qū)Ш綏l、左側(cè)的鏈接、等等。你可以繼續(xù)用它們,而不必為每個(gè)頁面重建。
在過去,一個(gè)流行的ASP技術(shù)就是為一個(gè)頁面的每個(gè)主要部分創(chuàng)建一個(gè)include文件,然后建一個(gè)整體的HTML表,表的單元包含每個(gè)include文件。這種方法是可行的,但是不美觀,還容易出錯(cuò)。幸運(yùn)的是,ASP.NET可以讓你用一種更好的方法來解決這個(gè)問題,運(yùn)用一個(gè)Visual Studio .NET PlaceHolder Web控件。該控件將其它控件作為一個(gè)集合(collection)包含起來。你可以在運(yùn)行時(shí)清除那個(gè)collection或添加它;例如,你可以在運(yùn)行時(shí)添加一個(gè)Web用戶控件(一個(gè)模塊式的Web頁面)。我將講述如何將PlaceHolder Web控件同Web用戶控件結(jié)合起來運(yùn)用,為構(gòu)建ASP.NET應(yīng)用程序提供一個(gè)方法。
首先在VS.NET中創(chuàng)建一個(gè)新的ASP.NET Web應(yīng)用程序。我在樣例代碼中用的是C#。創(chuàng)建一個(gè)Web窗體,保存的文件帶有ASPX擴(kuò)展名。我稱其為我的main.aspx。該頁面是你的應(yīng)用程序中唯一的Web頁面,因?yàn)槟阌肳eb用戶控件(ASCX文件)來開發(fā)所有的頁面“內(nèi)容”。
在main.aspx頁面中創(chuàng)建你選擇的站點(diǎn)裝飾內(nèi)容。在你想放置站點(diǎn)豐富內(nèi)容地方添加一個(gè)PlaceHolder控件。然后,將下面的代碼添加到你的頁面的Page Load事件中:
private void Page_Load(object sender, System.EventArgs e) { string p = Request.QueryString.Get("p"); PlaceHolder1.Controls.Clear(); if (p == null) PlaceHolder1.Controls.Add(LoadControl ("modules/" + "Default" + ".ascx")); else { PlaceHolder1.Controls.Add(LoadControl ("modules/" + p + ".ascx")); } } |
通過該代碼,你可以在項(xiàng)目模塊文件夾中看到一個(gè)包含Web用戶控件頁面(ASCX)的名字的查詢字符串參數(shù)p。你不用將所有ASCX文件都放在一個(gè)單獨(dú)的文件夾中,但這么做的確可以進(jìn)一步隔離應(yīng)用程序。
一旦你得到那個(gè)字符串后,清空PlaceHolder的Controls集合,清除你在先前可能顯示的任何ASCX。然后,查看一下代碼,看你是否需要加載一個(gè)缺省的ASCX。***,如果p查詢字符串是請求的一部分,那么由p查詢字符串代表的頁面就被加載了。
你不需要費(fèi)很大的勁構(gòu)建代碼來在你的站點(diǎn)上顯示多個(gè)Web頁面。在你的VS.NET項(xiàng)目中添加一個(gè)新的Web用戶控件頁面。一旦你添加了這個(gè)頁面,你就可以把它當(dāng)作你的應(yīng)用程序中的唯一的頁面來設(shè)計(jì)并編寫代碼了;你甚至不需要知道它將在main.aspx頁面中運(yùn)行。當(dāng)然,如果該頁面需要與主頁面交互,情況并沒有這么簡單,但在這里我并不打算講述這個(gè)問題。
圖1. 保持你的Web GUIs的恒量元素
設(shè)想你需要在VS.NET開發(fā)環(huán)境中顯示一個(gè)Account Logon用戶控件(見圖1)。代碼只給開發(fā)人員提供與該頁面細(xì)節(jié)相關(guān)的UI。沒有辦法改變整體頁面的其它方面。
現(xiàn)在,當(dāng)你在一個(gè)瀏覽器中運(yùn)行http://localhost/CSCSdotNET/main.aspx時(shí),首先加載了default.ascx頁面,這是由于main.aspx的Page Load事件的緣故。要導(dǎo)航到Login頁面,你只需將一個(gè)p查詢字符串參數(shù)添加到請求——在這個(gè)例子中,運(yùn)用URL http://localhost/CSCSdotNET/main.aspx?p=01-AccountLogon?,F(xiàn)在顯示的就是整個(gè)main.aspx頁面,以及你在圖1中看到的動(dòng)態(tài)加載的01-AccountLogon.ascs Web用戶控件。
【編輯推薦】