2015年11月26日 星期四

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