單元五 導(dǎo)航控件和用戶控件_第1頁
單元五 導(dǎo)航控件和用戶控件_第2頁
單元五 導(dǎo)航控件和用戶控件_第3頁
單元五 導(dǎo)航控件和用戶控件_第4頁
單元五 導(dǎo)航控件和用戶控件_第5頁
已閱讀5頁，還剩18頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

單元五站點(diǎn)地圖和導(dǎo)航控件任務(wù)一

站點(diǎn)地圖任務(wù)二TreeView控件任務(wù)三Menu控件任務(wù)四用戶控件任務(wù)五模板頁的制作本單元要點(diǎn)學(xué)會常用的導(dǎo)航控件的使用；學(xué)會用戶控件的使用；學(xué)會模板頁的創(chuàng)建和使用。任務(wù)一站點(diǎn)導(dǎo)航一、站點(diǎn)地圖

1、站點(diǎn)地圖：是一種擴(kuò)展名為.sitemap的標(biāo)準(zhǔn)XML文件，用來定義整個站點(diǎn)的結(jié)構(gòu)、各頁面的鏈接、相關(guān)說明和其他相關(guān)定義。

2、站點(diǎn)地圖的組成包含一個根節(jié)點(diǎn)siteMap，在根節(jié)點(diǎn)下包括多個siteMapNode字節(jié)點(diǎn)。3、站點(diǎn)地圖的創(chuàng)建原則：（1）地圖以<siteMap>元素開始

<siteMapxmlns="/AspNet/SiteMap-File-1.0">

……</siteMap>注：xmlns的屬性是必須的，該屬性說明此XML文件使用了網(wǎng)站地圖標(biāo)準(zhǔn)。

（2）每一頁由<siteMapNode>元素來描述

<siteMapNodeurl="~/index.aspx"title="主頁"description="主頁面">站點(diǎn)地圖文件定義的是一個網(wǎng)站的組織結(jié)構(gòu)，利用<siteMapNode>元素向該組織結(jié)構(gòu)插入一個頁面。（3）<siteMapNode>元素可以嵌套（4）每一個站點(diǎn)地圖都是以單一的<siteMapNode>元素開始的，即每一個站點(diǎn)地圖都要包含一個根節(jié)點(diǎn)，其他所有結(jié)點(diǎn)都要包含在根節(jié)點(diǎn)下。（5）不允許重復(fù)的URLURL可以為空，但不允許重復(fù)，因?yàn)槊宽?xiàng)是以URL為索引的。任務(wù)1_1：創(chuàng)建當(dāng)前網(wǎng)站的網(wǎng)站地圖二、SiteMapDataSource控件

1、作用：是一個數(shù)據(jù)源控件，利用該控件可使服務(wù)器控件綁定到分層的站點(diǎn)地圖數(shù)據(jù)。利用該控件可綁定到站點(diǎn)地圖數(shù)據(jù)，并基于在站點(diǎn)地圖層次結(jié)構(gòu)中指定的起始節(jié)點(diǎn)，在Web服務(wù)器控件中顯示其視圖。默認(rèn)情況，起始節(jié)點(diǎn)為根節(jié)點(diǎn)，但也可以是層次結(jié)構(gòu)中的任何其它節(jié)點(diǎn)。2、常用屬性（1）StarFromCurrentNode（2）StartingNodeUrl三、SiteMapPath控件

1、作用：顯示一個導(dǎo)航路徑，此路徑為用戶顯示當(dāng)前頁的位置，并顯示返回主機(jī)的路徑鏈接。

2、屬性：（1）PathDirection：獲取或設(shè)置導(dǎo)航路徑節(jié)點(diǎn)的呈現(xiàn)順序；（2）PathSeparator：獲取或設(shè)置一個字符串，該字符串在呈現(xiàn)的導(dǎo)航路徑中分隔SiteMapPath節(jié)點(diǎn)；（3）PathSeparatorStyle：獲取用于PathSeparator字符串的樣式；（4）CurrentNodeStyle：獲取用于當(dāng)前節(jié)點(diǎn)顯示文本的樣式；（5）NodeStyle：獲取用于站點(diǎn)導(dǎo)航路徑中所有節(jié)點(diǎn)的顯示文本的樣式；（6）RootNodeStyle：獲取根節(jié)點(diǎn)顯示文本的樣式；任務(wù)1_2：利用SiteMapPath顯示某網(wǎng)頁的當(dāng)前位置，效果如下圖所示：要求：當(dāng)單擊“主頁”時可以轉(zhuǎn)到主頁頁面。任務(wù)二

TreeView控件1、作用：創(chuàng)建一個樹狀結(jié)構(gòu)圖，以便讓用戶能夠在節(jié)點(diǎn)的各層次中進(jìn)行導(dǎo)航。2、控件的組成元素（1）一個TreeView控件可以由任意多個TreeNode元素組成；（2）TreeNode:可以關(guān)聯(lián)文本和圖像，還可以顯示為超鏈接并與某個URL相關(guān)聯(lián)。注：每個TreeNode元素還可包含多個TreeNode。（3）TreeNodeType：表示一種TreeNode類型，即一組或者一個節(jié)點(diǎn)的樣式。3、控件和元素的常用屬性（1）ShowExpandCollapse：設(shè)置節(jié)點(diǎn)折疊時是否顯示“+”標(biāo)記；（2）ShowLines：節(jié)點(diǎn)之間是否使用短線連接；（3）ExpandDepth：一個整數(shù)值，用于設(shè)置默認(rèn)情況下，TreeView控件層次結(jié)構(gòu)展開的級別數(shù)。（4）CollapseImageURL：單擊TreeNode折疊時節(jié)點(diǎn)關(guān)聯(lián)圖像URL；（5）ExpandImageURL：單擊TreeNode展開時節(jié)點(diǎn)關(guān)聯(lián)圖像URL；（6）HoverNodeStyle：設(shè)置鼠標(biāo)移到節(jié)點(diǎn)顯示的樣式；（7）LeafNodeStyle：TreeView的子節(jié)點(diǎn)使用的樣式；（8）NodeStyle：應(yīng)用于所有節(jié)點(diǎn)的默認(rèn)樣式；（9）RootNodeStyle：TreeView的根節(jié)點(diǎn)使用的樣式；（10）SelectedNodeStyle：設(shè)置選定節(jié)點(diǎn)使用的樣式。4、使用TreeView控件（1）從“工具箱”“導(dǎo)航”中添加

（2）右擊控件，選擇“自動套用格式”；（3）右擊控件，選擇“編輯節(jié)點(diǎn)”命令.5、動態(tài)生成樹狀結(jié)構(gòu)圖利用Add()方法在TreeView樹末尾添加一個TreeNode節(jié)點(diǎn)。

TreeNodenewtn=newTreeNode();

newtn.Text=TextBox1.Text;

TreeView1.Nodes.Add(newtn);

任務(wù)2_1：利用TreeView控件實(shí)現(xiàn)如下效果：其中，“+”可以打開，打開效果如下圖所示：1、作用：支持一個主菜單和多個子菜單，并且允許定義動態(tài)菜單。2、屬性：（1）DynamicHorizontalOffset：獲取或設(shè)置動態(tài)菜單相地于其父菜單項(xiàng)的水平移動像素?cái)?shù)；（2）DynamicHoverStyle：設(shè)置鼠標(biāo)指針置于動態(tài)菜單項(xiàng)上時的菜單項(xiàng)外觀；（3）DynamicMenuItemStyle：設(shè)置動態(tài)菜單中的菜單項(xiàng)的外觀；（4）DynamicVerticalOffset：獲取或設(shè)置動態(tài)菜單相對于其父菜單的垂直移動像素?cái)?shù)；（5）Items：獲取MenuItemCollection對象，該對象包含Menu控件中的所有菜單項(xiàng)；任務(wù)三

Menu控件（6）MaximumDynamicDisplayLevels：獲取或設(shè)置動態(tài)菜單呈現(xiàn)級別數(shù)；（7）Orientation：獲取或設(shè)置Menu控件的呈現(xiàn)方向；（8）PathSeparator：獲取或設(shè)置用于分隔Menu控件的菜單項(xiàng)路徑的字符；任務(wù)3_1：利用Menu控件實(shí)現(xiàn)如下效果：當(dāng)鼠標(biāo)放到帶有三角圖標(biāo)的節(jié)點(diǎn)上，出現(xiàn)如下效果：任務(wù)四用戶控件1、用戶控件：是ASP.NET布局代碼中可重用的部分，以.ascx為擴(kuò)展名進(jìn)行保存。2、作用：方便在一個應(yīng)用程序中多次重用。注：一次只能被一個應(yīng)用程序調(diào)用。3、用戶控件的優(yōu)點(diǎn)：（1）將某些常用的程序代碼封裝成用戶控件，可以在應(yīng)用程序中重復(fù)使用。（2）如果網(wǎng)頁內(nèi)容需要改變時，僅需要更改用戶控件中的內(nèi)容即可。（3）.NET支持多種語言，使用用戶控件可以不受語言限制，即開發(fā)團(tuán)體中每個成員可以使用自己熟悉的程序語言來編寫用戶控件。4、創(chuàng)建用戶控件的規(guī)則：（1）用戶控件必須使用特定的擴(kuò)展名.ascx

（2）在用戶控件中不可以使用<html>、<body>以及<head>這3個HTML標(biāo)簽；（3）用戶控件中沒有@Page指令，而是包含@Control指令；（4）用戶控件可以單獨(dú)編譯，但不能單獨(dú)運(yùn)行。5、創(chuàng)建用戶控件的步驟兩種方法：（1）修改擴(kuò)展名①修改擴(kuò)展名為.ascx②將頁面中的@Page換成@Control③將頁面中的<html>、<body>、<head>和<form>標(biāo)簽去掉④將其.cs文件中的類定義那的System.Web.UI.Page換成System.Web.UI.UserControl（2）通過VS.NET創(chuàng)建單擊“添加新項(xiàng)”“Web用戶控件”即可。6、用戶控件的使用將用戶控件拖入到網(wǎng)頁中即可。

<%@RegisterSrc="head.ascx"TagName="head"TagPrefix="uc1"%>

<uc1:headID="Head1"runat="server"/>（1）TagName：指向用戶控件的名字。注：在同個命名空間里控件名稱是唯一的。（2）TagPrefix：定義用戶控件唯一的命名空間，并區(qū)分具有相同名稱的多個用戶控件之間的差異。即只要包含不同的TagPrefix，就可以擁有相同名稱的不同控件。（3）Src：指向用戶控件的資源文件。注：

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論