<asp:Content ID= ContentHead ContentPlaceHolderID= head

Runat= Server ><asp:Content> <asp:Content ID= ContentMenu ContentPlaceHolderID= ContentPlaceHolderMenu

Runat= Server ><asp:Content> <asp:Content ID= ContentMain ContentPlaceHolderID= ContentPlaceHolderMain

Runat= Server ><asp:Content>

4. Откройте окно Design View в Visual Studio. В этом окне вы увидите содержимое мастер-страницы, которое нельзя изменить из страницы, с заголовком и сведениями об авторских правах (рис. 20.6).

5. Вставьте таблицу с двумя строками и двумя столбцами в элемент управления ContentMail. Добавьте элемент управления Calendar в левый столбец первой строки и элемент управления ListBox в правый столбец первой строки. Содержимое меню будет добавлено позже. Когда вы откроете окно Source View, вы сможете увидеть таблицу внутри элемента управления Content.

6. Просмотрите страницу в Web-браузере. Страница включает содержимое из Web-страницы, а также данные из мастер-страницы.

Viu.1 АиЛо mf1 M icrr>p(4t

AOO MT tntrty Otta Modr

UAt п Ы в WCF $ > ( Л CUit Ошд,ш.г ; % C n m н пли

jJtilHQIO SQlCUittl

J SQl Scvrf D l b ir A fMIX lof W(b A pbcMtoni

JJCrrt < Report JW b ConI.fl fWfOn FM:

1 WfbiH .Cort oi

.jAiAX WrbFon.

4 Otf sn

n<rw FW

JtSlTFt,

Pwc. 26.. Отметка флажка Select Master Page

Project foideri

(i> □§ Admin e Ч App.Code S 35 App.DeU

Cj Intro

Contenti o! folder

i------i-------1-

Puc. 20.5. Выбсур мастер-страницы EventRegistration .master

Registration Demo Web

Copyti>efC)aOOtW aftMi

л Dnign 3 рм -1 Souxt

Рис. 20.6. Мастер-страница EventRegistration. master в окне Design View

Система навигации по сайту

Для организации перехода к множеству страниц Web-сайта можно создать XML-файл с описанием структуры Web-сайта и применить некоторые элементы управления пользовательского интерфейса для отображения опций навигации. В табл. 20.1 перечислены наиболее важные элементы управления навигацией.

Таблица 20.1. Важные элементы управления навигацией Элемент управления Описание

SiteMapDataSource

Menu

SiteMapPath

TreeView

Элемент управления SiteMapDataSource представляет собой элемент управления - источник данных, который ссылается на любого поставщика данных карты сайта. Этот элемент управления можно найти в панели инструментов Visual Studio Toolbox в разделе Data (Данные)

Этот элемент управления отображает ссылки на страницы, как это определено в источнике данных карты сайта. Его можно отображать как горизонтально, так и вертикально. Кроме того, он имеет множество опций, позволяющих настраивать стиль элемента управления

Элемент управления SiteMapPath использует минимальное пространство для отображения текущей позиции страницы внутри иерархии Web-сайта. Вы можете отобразить гиперссылки на текст или изображение

Элемент управления TreeView отображает иерархический вид Web-сайта

Создание системы навигации

1. Откройте Web-сайт EventRegistrationWeb.

2. Добавьте новый элемент Site Map (Карта сайта) в Web-сайт, щелкнув правой кнопкой мыши на проекте в окне Solution Explorer (Проводник решений), и выбрав пункт меню Add New Item (Добавить новый элемент). Присвойте ему имя Web.sitemap.

3. Измените содержимое файла так, как показано ниже:

<?xml version= l.О encoding= utf-8 ?>

<siteMap xmlns= http: schemas.microsoft.com/AspNet/SiteMap-File-1.0 > <siteMapNode url= Default.aspx title= Home >

<siteMapNode url= Register.aspx title= Register /> <siteMapNode url= EventList.aspx title= Events /> </siteMapNode> </siteMap>

4. Откройте файл EventRegistration.master.

5. Отыщите элемент управления SiteMapDataSource на вкладке Data Tab (Данные) панели инструментов и добавьте его на страницу.

6. Добавьте элемент управления Menu, который находится на вкладке Navigation (Навигация) под заголовком Registration Demo Web. В качестве источника данных укажите SiteMapDataSourcel.

7. Добавьте элемент управления SiteMapPath ниже элемента управления Menu.

8. С помощью Web-браузера откройте файл EventList. aspx. Обратите внимание на меню и путь, который отображает местонахождение текущего файла в Web-сайте.

9. При необходимости вы можете добавить другие страницы, на которые имеются ссылки в файле Web. sitemap, ссылаясь на ту же мастер-страницу, чтобы показать определенные меню.

Описание полученных результатов

Структура Web-сайта определена Web-страницами, перечисленными в файле Web. sitemap. Этот XML-файл содержит элементы XML <siteMapNode> внутри корневого элемента <siteMap>. Элемент <siteMapNode> определяет Web-страницу. Имя файла страницы задано посредством атрибута url, а атрибут title определяет имя так, как оно должно отображаться в меню. Иерархия страниц определяется с помощью элементов <siteMapNode> в качестве дочерних элементов страницы, на которой должна быть ссылка на дочерний элемент.

Элемент управления SiteMapDataSource представляет собой элемент управления источника данных с такими же особенностями, которыми обладают элементы управления данных в предыдущей главе. Этот элемент управления может использовать разных поставщиков. По умолчанию класс XmlSiteMapProvider применяется для получения данных. По умолчанию этот класс использует страницу Web. sitemap, поэтому вам не нужно конфигурировать это имя файла. Если вы переименуете XML-файл, то свойство siteMapFile этого поставщика должно будет содержать новое имя файла.

Посредством элемента управления Menu вы можете редактировать элементы меню, которые появляются в исходном коде ASPX; или же вы можете добавить элементы меню программно. Самый легкий способ добавления элементов меню заключается в использовании источника данных карты сайта посредством конфигурирования источника данных.

Пользовательские элементы управления

Если на нескольких Web-страницах присутствует множество связанных между собой элементов управления, вы можете создать пользовательские элементы управления. Пользовательский элемент управления имеет расширение файла .ascx и содержит части формы, которые можно включать в Web-страницы. Вместо того чтобы создавать пользовательский интерфейс и писать код несколько раз для каждой страницы, на ко-