VS 2012 C# 巡覽控制項筆記 -- 20151126

巡覽控制項主要分三類(如下圖)：

• 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  碩博文化