ASP.NET 2.0 - 導(dǎo)航(Navigation)
ASP.NET 2.0 擁有內(nèi)建的導(dǎo)航控件。
網(wǎng)站導(dǎo)航
維護(hù)大型站點(diǎn)的導(dǎo)航菜單是很困難,也很費(fèi)時(shí)的。
在 ASP.NET 2.0 中,菜單可存儲(chǔ)在文件中,這樣維護(hù)起來(lái)更加方便。這個(gè)文件通常名為 web.sitemap,被存放在網(wǎng)站的根目錄中。
此外,ASP.NET 2.0 擁有三種新的導(dǎo)航控件:
- Dynamic menus
- TreeViews
- Site Map Path
Sitemap 文件
本教程使用下面的 sitemap 文件(站點(diǎn)地圖):
<?xml version="1.0" encoding="ISO-8859-1" ?> <siteMap> <siteMapNode title="Home" url="/aspnet/w3home.aspx"> <siteMapNode title="Services" url="/aspnet/w3services.aspx"> <siteMapNode title="Training" url="/aspnet/w3training.aspx"/> <siteMapNode title="Support" url="/aspnet/w3support.aspx"/> </siteMapNode> </siteMapNode> </siteMap>
創(chuàng)建 sitemap 文件的規(guī)則:
- XML 文件必須包含圍繞內(nèi)容的 <siteMap> 標(biāo)簽
- <siteMap> 標(biāo)簽只能有一個(gè) <siteMapNode> 子節(jié)點(diǎn) ("home" page)
- 每個(gè) <siteMapNode> 可以有多個(gè)子節(jié)點(diǎn) (web pages)
- 每個(gè) <siteMapNode> 擁有定義頁(yè)面標(biāo)題和 URL 的屬性
注釋:sitemap 文件必須存放在站點(diǎn)的根目錄中,URL 屬性必須相對(duì)于該根目錄。
Dynamic Menu
<asp:Menu> 控件可顯示標(biāo)準(zhǔn)的站點(diǎn)導(dǎo)航菜單。
代碼實(shí)例:
<asp:SiteMapDataSource id="nav1" runat="server" /> <form runat="server"> <asp:Menu runat="server" DataSourceId="nav1" /> </form>
在上面的例子中的 <asp:Menu> 控件是一個(gè)供服務(wù)器創(chuàng)建導(dǎo)航菜單的占位符。
控件的數(shù)據(jù)源由 DataSourceId 屬性進(jìn)行定義。id="nav1" 把它連接到 <asp:SiteMapDataSource> 控件。
<asp:SiteMapDataSource> 控件會(huì)自動(dòng)連接默認(rèn)的 sitemap 文件(web.sitemap)。
TreeView
<asp:TreeView> 控件可顯示多級(jí)導(dǎo)航菜單。
這種菜單看上去像一棵帶有枝葉的樹(shù),可通過(guò) + 或 - 符號(hào)來(lái)打開(kāi)或關(guān)閉。
代碼實(shí)例:
<asp:SiteMapDataSource id="nav1" runat="server" /> <form runat="server"> <asp:TreeView runat="server" DataSourceId="nav1" /> </form>
上面例子中的 <asp:TreeView> 控件是一個(gè)供服務(wù)器創(chuàng)建導(dǎo)航菜單的占位符。
控件的數(shù)據(jù)源由 DataSourceId 屬性進(jìn)行定義。id="nav1" 把它連接到 <asp:SiteMapDataSource> 控件。
<asp:SiteMapDataSource> 控件會(huì)自動(dòng)連接默認(rèn)的 sitemap 文件(web.sitemap)。
SiteMapPath
SiteMapPath 控件可顯示指向當(dāng)前頁(yè)面的指針(導(dǎo)航路徑)。該路徑顯示為指向上級(jí)頁(yè)面的可點(diǎn)擊鏈接。
與 TreeView 和 Menu 控件不同,SiteMapPath 控件不使用 SiteMapDataSource。SiteMapPath 控件默認(rèn)使用 web.sitemap 文件。
提示:如果 SiteMapPath 沒(méi)有正確顯示,很可能是由于 web.sitemap 文件中存在 URL 錯(cuò)誤。
代碼實(shí)例:
<form runat="server"> <asp:SiteMapPath runat="server" /> </form>
上面例子中的 <asp:SiteMapPath> 控件是一個(gè)供服務(wù)器創(chuàng)建導(dǎo)航菜單的占位符。