網(wǎng)頁(yè)導(dǎo)航(WebsiteNavigate)

《網(wǎng)頁(yè)導(dǎo)航(WebsiteNavigate)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、第12章網(wǎng)頁(yè)導(dǎo)航（WebsiteNavigate）一般具備兩個(gè)以上功能的網(wǎng)站都需要網(wǎng)頁(yè)導(dǎo)航功能，來(lái)幫助用戶(hù)了解網(wǎng)站提供的各項(xiàng)服務(wù)。本章主要介紹3種控件：（1）多視圖控件、（2）導(dǎo)航控件（3）站點(diǎn)地圖控件。這些控件可以節(jié)約頁(yè)面的篇幅，也可以簡(jiǎn)化內(nèi)容，讓頁(yè)面看起來(lái)更直接。12.1多視圖控件（MultiView）MultiView控件用來(lái)在一個(gè)頁(yè)面中顯示多個(gè)視圖，這樣的效果在用戶(hù)看來(lái)，類(lèi)似打開(kāi)了多個(gè)頁(yè)面，MultiView必須由多個(gè)View控件組成，其不能獨(dú)立存在。每個(gè)View控件代表不同的頁(yè)，其內(nèi)可以包含子控件。應(yīng)用程序可以根據(jù)條件向用戶(hù)呈現(xiàn)不同的View控件。Multi

2、View控件通過(guò)屬性ActiveViewIndex控制所顯示的View控件。ActiveViewIndex屬性從0開(kāi)始。0表示第一個(gè)View，1表示第二個(gè)View，依次類(lèi)推。本節(jié)就用MultiView來(lái)制作兩個(gè)界面，學(xué)習(xí)這個(gè)控件的用法。代碼示例：if(MultiView1.ActiveViewIndex==1){MultiView1.ActiveViewIndex=0;}else{MultiView1.ActiveViewIndex=1;}12.2導(dǎo)航控件（Wizard）導(dǎo)航控件又叫向?qū)Э丶褪怯么绑w來(lái)收集用戶(hù)的輸入，用來(lái)完成某個(gè)任務(wù)的一組窗體。ASP.NET提供了

3、Wizard導(dǎo)航控件，可以在一個(gè)頁(yè)面內(nèi)，生成一系列窗體以收集用戶(hù)輸入的操作關(guān)聯(lián)的任務(wù)。如VS2008提供的注冊(cè)控件，其實(shí)就是一個(gè)導(dǎo)航控件。導(dǎo)航控件的應(yīng)用就像一個(gè)安裝程序一樣，你可以一步步的向下進(jìn)行。ASP.NETWizard控件簡(jiǎn)化了很多操作（包括生成多個(gè)窗體、收集用戶(hù)輸入等）。Wizard控件提供了一種簡(jiǎn)單的機(jī)制，允許輕松地生成步驟、添加新步驟或重新安排步驟。無(wú)需編寫(xiě)代碼即可生成線性和非線性的導(dǎo)航，并自定義控件的用戶(hù)導(dǎo)航。非常方便的生成導(dǎo)航。Wizard控件使用多個(gè)步驟，描繪用戶(hù)數(shù)據(jù)輸入的不同部分。該控件內(nèi)的每個(gè)步驟均會(huì)給定一個(gè)StepType，用以指示這一步驟是開(kāi)

4、始步驟、中間步驟還是完成步驟。12.2導(dǎo)航控件（Wizard）代碼示例：>"StepPreviousButtonText="<

5、

6、sp:Label>12.3站點(diǎn)地圖控件（SiteMapPath）一個(gè)龐大的Web應(yīng)用程序，必須讓用戶(hù)感覺(jué)操作并不困難，這就得使用站點(diǎn)地圖控件，讓用戶(hù)在使用程序時(shí)，有一目了然的效果。本節(jié)主要介紹站點(diǎn)地圖的定義和使用。注意：站點(diǎn)地圖內(nèi)的Url屬性必須正確，否則SiteMapPath控件將不能正確顯示。12.3.1站點(diǎn)地圖控件的功能SiteMapPath控件用來(lái)顯示當(dāng)前頁(yè)在整個(gè)應(yīng)用程序中的位置，運(yùn)行效果如圖12.7所示。其中當(dāng)前位置和父級(jí)目錄間以“>”相隔。在使用SiteMapPath控

7、件時(shí)，有兩點(diǎn)必須注意：一是需要顯示導(dǎo)航路徑的頁(yè)面都必須添加一個(gè)SiteMapPath控件。二是必須提供一個(gè)所有頁(yè)面關(guān)系的導(dǎo)航地圖文件，這個(gè)文件以XML形式保存。SiteMapPath控件的幾個(gè)主要屬性如下所示。PathDirection：導(dǎo)航路徑的顯示順序，有CurrentToRoot（叢當(dāng)前位置到根節(jié)點(diǎn)）和RootToCurrent（從根節(jié)點(diǎn)到當(dāng)前節(jié)點(diǎn)）兩個(gè)值。RenderCurrentNodeAsLink：設(shè)置導(dǎo)航路徑是否呈現(xiàn)為鏈接樣式，屬于默認(rèn)樣式。PathSeparator：導(dǎo)航路徑之間的分隔符號(hào)。默認(rèn)為“>”。12.4樹(shù)型視圖控件（Tree