- Menu
- TreeView
- SiteMapPath
首先要先知道「巡覽控制項」主要是呈現的網站導覽樣式(畫面),其需要搭配「SiteMapDataSource」取得各節點資料,然而「SiteMapDataSource」的資料來源取決於「Web.sitemap」檔案。
※何謂「網頁瀏覽檔案(Web.sitemap)」?其功能有下列三項。
它是一個具備描述網站階層的XML檔案。透過修改Web.sitemap檔案來管理頁面巡覽,不需要修改網站內所有網頁中的超連結。
功能:
1. 網站導覽功能
2. 可繫結SiteMapPath網站地圖路徑
3. 可繫結TreeView與Menu控制項
Web.sitemap檔案,其預設基本架構(如下圖):
解說上述:
<?xml version="1.0" encoding="utf-8" ?>敘述,是用來宣告此份文件文XML結構,若沒加入此行敘述,則輸入中文字之後網站導覽路徑會以亂碼顯示。
<siteMap>標籤:用來定義網站導覽的架構。
<siteMapNode>標籤:用來設定每一個網頁的節點,且標籤可使用url、title、description三個屬性。
簡單來說,網站要用到導覽的話,須注意三個重點:
第一、優先製作Web.sitemap檔案(XML檔案)。
第二、使用Menu控制項與TreeView控制項要搭配SiteMapDataSource。
第三、可直接使用SiteMapPath控制項。
實際案例:
步驟一、先建置新的網站導覽檔案。
開啟空白Web.sitemap檔案
建置相對應的導覽網頁內容,並儲存該檔案。
步驟二、開啟已建好網頁(需要再Web.sitemap檔案內),將SiteMapPath控制項拖拉至「設計」網頁中,及即可。
步驟三、同樣開啟主頁面,並將Menu控制項或TreeView控制項拖拉至「設計」畫面中。此時出現「選擇資料來源:無。」
根據上述Menu控制項需要資料來源,故再拖拉「SiteMapDataSource」在畫面中。
再將Menu控制項的資料來源指向「SiteMapDataSource1」,即可。
步驟四、按下F5鍵,看最後完成的畫面。
來源出處:ASP.NET 4.0 從零開始-使用C#2010 碩博文化