前面我們簡單介紹了ASP.NET 2.0母版頁下面我們介紹ASP.NET 2.0導航控件。
ASP.NET 2.0 擁有內建的導航控件。
維護大型站點的導航菜單是很困難,也很費時的。
在 ASP.NET 2.0 中,菜單可存儲在文件中,這樣維護起來更加方便。這個文件通常名為 web.sitemap,被存放在網站的根目錄中。
此外,ASP.NET 2.0 擁有三種新的導航控件:
本教程使用下面的 sitemap 文件:
<?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>
注釋:sitemap 文件必須存放在站點的根目錄中,URL 屬性必須相對於該根目錄。
<asp:Menu> 控件可顯示標准的站點導航菜單。
<asp:SiteMapDataSource id="nav1" runat="server" /> <form runat="server"> <asp:Menu runat="server" DataSourceId="nav1" /> </form>
在上面的例子中的 <asp:Menu> 控件是一個供服務器創建導航菜單的占位符。本文由網頁教學網webjx.com整理發布!轉載請注明出處,謝謝!
控件的數據源由 DataSourceId 屬性進行定義。id="nav1" 把它連接到 <asp:SiteMapDataSource> 控件。
<asp:SiteMapDataSource> 控件會自動連接默認的 sitemap 文件(web.sitemap)。
點擊此處查看 Menu、TreeView 以及 SiteMapPath 的 DEMO。
<asp:TreeView> 控件可顯示多級導航菜單。
這種菜單看上去像一棵帶有枝葉的樹,可通過 + 或 - 符號來打開或關閉。
<asp:SiteMapDataSource id="nav1" runat="server" /> <form runat="server"> <asp:TreeView runat="server" DataSourceId="nav1" /> </form>
上面例子中的 <asp:TreeView> 控件是一個供服務器創建導航菜單的占位符。
控件的數據源由 DataSourceId 屬性進行定義。id="nav1" 把它連接到 <asp:SiteMapDataSource> 控件。
<asp:SiteMapDataSource> 控件會自動連接默認的 sitemap 文件(web.sitemap)。
點擊此處查看 Menu、TreeView 以及 SiteMapPath 的 DEMO。
SiteMapPath 控件可顯示指向當前頁面的指針(導航路徑)。該路徑顯示為指向上級頁面的可點擊鏈接。
與 TreeView 和 Menu 控件不同,SiteMapPath 控件不使用 SiteMapDataSource。SiteMapPath 控件默認使用 web.sitemap 文件。
提示:如果 SiteMapPath 沒有正確顯示,很可能是由於 web.sitemap 文件中存在 URL 錯誤。
<form runat="server"> <asp:SiteMapPath runat="server" /> </form>
上面例子中的 <asp:SiteMapPath> 控件是一個供服務器創建導航菜單的占位符。