Слайды лекций В. К. Толстых - элементы управления Web в ASP

Из цикла лекций «Технологии разработки Internet-приложений» для студентов 4-го курса кафедры Компьютерных
технологий физического факультета Донецкого национального университета
Технологии разработки
Internet-приложений
ASP.NET приложения –
элементы управления Web:
Календарь, Список, Каталог, Навигация
Слайды разработала
студентка 4 курса, ИСПР
Лобинцева Мария
2010
проф. В.К.Толстых, www.tolstykh.com
Элемент управления ListView поддерживает
следующие функциональные возможности:








Поддержка привязки к элементам управления источником
данных,
например, SqlDataSource, LinqDataSource и ObjectDataSource.
Настраиваемый внешний вид с помощью пользовательских
шаблонов и стилей.
Встроенные функции сортировки.
Встроенные возможности обновления и удаления.
Встроенные функции вставки.
Поддержка функции разбиения по страницам с помощью
элемента управления DataPager.
Встроенные функции выделения элементов.
Программный доступ к модели объекта ListView для
динамической установки значений, обработки событий и т. д.
Отображает значения источника
данных с помощью пользовательских
шаблонов.
Тип шаблона
Описание
ItemTemplate
Определяет содержимое привязки данных, которое отображается для
отдельных элементов. Является обязательным.
SelectedItemTemplate
Определяет содержимое, которое необходимо преобразовать для
просмотра для выбранного элемента данных, чтобы отличить
выбранный элемент от других элементов.
EditItemTemplate
Определяет содержимое, которое необходимо преобразовать для
просмотра при редактировании элемента. Шаблон EditItemTemplate
преобразовывается для просмотра вместо шаблона ItemTemplate для
редактируемого элемента данных.
InsertItemTemplate
Определяет содержимое, которое необходимо преобразовать для
просмотра для вставки элемента. Место отображения
шаблона InsertItemTemplate можно задать при помощи
свойства InsertItemPosition элемента управления ListView.
Название
Описание
ItemCommand
Происходит при нажатии кнопки в элементе
управления ListView.
SelectedIndexChanged
Происходит при нажатии кнопки "Выбрать"
(кнопка, для которой
свойство CommandName имеет значение
"Select"), после того как элемент
управления ListView обработал операцию
выделения.
ItemUpdated
Происходит при нажатии кнопки "Удалить« или
при вызове метода DeleteItem, прежде чем
элемент управления ListView удаляет запись из
источника данных.
ItemInserting
…. При нажатии кнопки «Вставить»
ItemDeleting
…. При нажатии кнопки «Удалить»
Описание
шаблона
Этот элемент управления создает
многофункциональное и внешне
привлекательное окно календаря,
показывающее по одному месяцу за раз. В нем
пользователь может переходить от одного
месяца к другому и выбирать как
определенную дату, так и целый диапазон
дней (если разрешен множественный выбор).
Элемент управления Calendar имеет
много свойств, которые все вместе позволяют
изменять практически любую часть этого
элемента управления, например, цвета
изображения и фона, шрифт, заголовок,
формат даты, текущую дату и т.д.
 Свойства
Название
Описание
SelectedDate
Получает или задает выбранную дату.
SelectedDate
Получает коллекцию объектов System.DateTime,
представляющих выбранные даты в элементе
управления Calendar.
SelectMonthText
Получает или задает текст, отображаемый для
элемента выбора месяца в столбце выбора.
Style
Возвращает коллекцию атрибутов текста,
которые будут отображены в виде атрибута стиля
на внешнем теге серверного веб-элемента
управления. (Унаследовано от WebControl.)
TodayDayStyle
Получает свойства стиля текущей даты в
элементе управления Calendar.
VisibleDate
Получает или задает дату, задающую месяц,
отображаемый в элементе управления Calendar.
 События
Название
Описание
DayRender
Происходит подготовка элемента управления
Calendar к визуализации дня.
VisibleMonthChanged
Происходит, когда пользователь щелкает
элемент управления перехода к следующему
или предыдущему месяцу в заголовке
названия.
SelectionChanged
Происходит, когда пользователь выбирает
день, неделю или целый месяц щелчком
элемента управления выбором даты.
Для обеспечения способа навигации
пользователей по веб-сайту можно использовать
возможности структуры переходов веб-сайта
ASP.NET.
По мере роста веб-узла и перемещения страниц
по веб-узлу становится весьма сложно управлять
всеми ссылками.
Структура переходов веб-узла ASP.NET позволяет
хранить ссылки на все страницы в одном месте и
отображать эти ссылки в списках или в меню
переходов на каждой странице путем включения
определенного веб-серверного элемента
управления(Menu, TreeView, SiteMapPath).
Создать файл Web.SITEMAP.
Файл с
картой сайта
Web.sitemap
В карте сайта
указываются ссылки
на существующие
файлы
В файле Web.sitemap:
siteMapNode – описывает все дочерние узлы
карты сайта.
Атрибут title задает текст, который обычно
используется как текст ссылки, а
атрибут description выступает в роли
документации и подсказки в элементе
управления SiteMapPath.
url – указывает путь к странице перхода.
Является источником
данных карты узла. По
умочанию – в корневом
каталоге сайта.
ЭЛЕМЕНТ SITEMAPPATH
Элемент TreeView
Источник
данных
Отображает набор текстовых или графических
гиперссылок, позволяющих пользователям более
легко перемещаться по веб-узлу и занимающих
минимум места на странице.
Элемент управления SiteMapPath служит для
перемещения по веб-узлу и отражает данные,
предоставленные объектом SiteMap.
Элемент управленияSiteMapPath полезен для
веб-узелов с многоуровневой иерархией страниц,
на которых элемент управления TreeView или
элемент управления Menu занимал бы слишком
много места.
SiteMapPath состоит из узлов.
Узлом называется каждый элемент в пути,
представленная объектом SiteMapNodeItem.
Для каждого узла через свойства можно настроить
его визуальное отображение( фон, цвет текста, и т.д.).
Стили для разных
типов узлов
 Элемент
управления TreeView отображает
древовидную структуру, используя которую
пользователи могут перемещаться по
гиперссылкам на различные страницы
узла.
 Узел, содержащий дочерние узлы, может
быть развернут или свернут щелчком
мыши. Когда он выполняется в первый раз,
элемент управления TreeView полностью
развернут.





Элемент управления TreeView используется для отображения
иерархических данных, таких как оглавление или каталог файлов,
в древовидной структуре, и поддерживает следующие
возможности:
Привязка к данным, позволяющая привязывать узлы элемента
управления к данным XML, табличным или реляционным данным.
Навигация по узлу посредством интеграции с элементом
управления SiteMapDataSource.
текст узла, который может отображаться или как обычный текст,
или как гиперссылки;
Программный доступ к объектной модели TreeView для создания
деревьев, заполнения узлов, установки свойств и т. д.
динамическим образом.
Настройка внешнего вида с помощью тем, определенных
пользователем изображений и стилей.


Элемент управления Menu отображает раскрывающееся
меню, используя которое пользователи могут
перемещаться по гиперссылкам на различные страницы
узла.
Когда пользователь выбирает пункт меню, элемент
управления Menu может инициировать либо переход к
веб-странице, на которую указывает ссылка, либо
обратную передачу на сервер. Если для пункта меню
задано свойство NavigateUrl, элемент
управления Menu инициирует переход к странице, на
которую указывает ссылка; в противном случае он
инициирует обратную передачу страницы на сервер для
обработки. По умолчанию страница, на которую
указывает ссылка, отображается в том же окне или том
же фрейме, что и элемент управления Menu.
События :
Название
Описание
MenuItemClick
Происходит при выборе пункта меню. Это событие
обычно используется для синхронизации элемента
управления Menu с другими элементами управления
на странице.
MenuItemDataBound Происходит в случае привязки пункта меню к
данным. Это событие обычно используется для
изменения пункта меню перед его обработкой для
просмотра в элементе управления Menu.
Свойства :
Название
Описание
Orientation
горизонтальная или вертикальная ориентация
меню
DataSourceID
ID элемента управления источником данных
PathSeparator
Определение разделителя между элементами(/).
 Откройте
страницу .aspx и переключитесь в
представление конструктора.
 Из группы Навигация панели элементов
перетащите на страницу элемент
управления Menu.
 В меню Задачи меню в окне Выбор источника
данных выберите NewDataSource.
 В мастере настройки источника данных —
<Datasourcename> выберите Карта узла, а
затем нажмите OK.
 Сохраните страницу.