ASP.NET 2.0 – 導航

來源:互聯網
上載者:User

ASP.NET 2.0 擁有內建的導航控制項。 網站導航

維護大型網站的導覽功能表是很困難,也很費時的。

在 ASP.NET 2.0 中,菜單可儲存在檔案中,這樣維護起來更加方便。這個檔案通常名為 web.sitemap,被存放在網站的根目錄中。

此外,ASP.NET 2.0 擁有三種新的導航控制項: Dynamic menus TreeViews Site Map Path Sitemap 檔案

本教程使用下面的 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 檔案的規則: XML 檔案必須包含圍繞內容的 <siteMap> 標籤 <siteMap> 標籤只能有一個 <siteMapNode> 子節點 (“home” page) 每個 <siteMapNode> 可以有多個子節點 (web pages) 每個 <siteMapNode> 擁有定義頁面標題和 URL 的屬性

注釋:sitemap 檔案必須存放在網站的根目錄中,URL 屬性必須相對於該根目錄。 Dynamic Menu

<asp:Menu> 控制項可顯示標準的網站導覽菜單。 代碼執行個體:

<asp:SiteMapDataSource id="nav1" runat="server" /><form runat="server"><asp:Menu runat="server" DataSourceId="nav1" /></form>

在上面的例子中的 <asp:Menu> 控制項是一個供伺服器建立導覽功能表的預留位置。

控制項的資料來源由 DataSourceId 屬性進行定義。id=”nav1″ 把它串連到 <asp:SiteMapDataSource> 控制項。

<asp:SiteMapDataSource> 控制項會自動連接預設的 sitemap 檔案(web.sitemap)。

  TreeView

<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)。 SiteMapPath

SiteMapPath 控制項可顯示指向當前頁面的指標(導航路徑)。該路徑顯示為指向上級頁面的可點選連結。

與 TreeView 和 Menu 控制項不同,SiteMapPath 控制項不使用 SiteMapDataSource。SiteMapPath 控制項預設使用 web.sitemap 檔案。

提示:如果 SiteMapPath 沒有正確顯示,很可能是由於 web.sitemap 檔案中存在 URL 錯誤。 代碼執行個體:

<form runat="server"><asp:SiteMapPath runat="server" /></form>

上面例子中的 <asp:SiteMapPath> 控制項是一個供伺服器建立導覽功能表的預留位置。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.