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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

單元五站點地圖和導航控件任務一

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

1、站點地圖：是一種擴展名為.sitemap的標準XML文件，用來定義整個站點的結構、各頁面的鏈接、相關說明和其他相關定義。

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

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

……</siteMap>注：xmlns的屬性是必須的，該屬性說明此XML文件使用了網站地圖標準。

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

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

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

1、作用：顯示一個導航路徑，此路徑為用戶顯示當前頁的位置，并顯示返回主機的路徑鏈接。

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

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

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

TreeNodenewtn=newTreeNode();

newtn.Text=TextBox1.Text;

TreeView1.Nodes.Add(newtn);

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

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

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

<%@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. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論