Проф. В.К.Толстых, www.tolstykh.com Слайды разработала студентка 4 курс а, ИСПР Лобинцева Мария 2010 Из цикла лекций «Технологии разработки Internet-приложений» - презентация

1 проф. В.К.Толстых, Слайды разработала студентка 4 курс а, ИСПР Лобинцева Мария 2010 Из цикла лекций «Технологии разработки Internet-приложений» для студентов 4-го курса кафедры Компьютерных технологий физического факультета Донецкого национального университета Технологии разработки Internet-приложений ASP.NET приложения – элементы управления Web : Календарь, Список, Каталог, Навигация

2 Элемент управления ListView поддерживает следующие функциональные возможности: Поддержка привязки к элементам управления источником данных, например, SqlDataSource, LinqDataSource и ObjectDataSource. Настраиваемый внешний вид с помощью пользовательских шаблонов и стилей. Встроенные функции сортировки. Встроенные возможности обновления и удаления. Встроенные функции вставки. Поддержка функции разбиения по страницам с помощью элемента управления DataPager. Встроенные функции выделения элементов. Программный доступ к модели объекта ListView для динамической установки значений, обработки событий и т. д.

3 Отображает значения источника данных с помощью пользовательских шаблонов. Тип шаблонаОписание ItemTemplateОпределяет содержимое привязки данных, которое отображается для отдельных элементов. Является обязательным. SelectedItemTemplateОпределяет содержимое, которое необходимо преобразовать для просмотра для выбранного элемента данных, чтобы отличить выбранный элемент от других элементов. EditItemTemplateОпределяет содержимое, которое необходимо преобразовать для просмотра при редактировании элемента. Шаблон EditItemTemplate преобразовывается для просмотра вместо шаблона ItemTemplate для редактируемого элемента данных. InsertItemTemplateОпределяет содержимое, которое необходимо преобразовать для просмотра для вставки элемента. Место отображения шаблона InsertItemTemplate можно задать при помощи свойства InsertItemPosition элемента управления ListView.

4 НазваниеОписание ItemCommandПроисходит при нажатии кнопки в элементе управления ListView. SelectedIndexChangedПроисходит при нажатии кнопки "Выбрать" (кнопка, для которой свойство CommandName имеет значение "Select"), после того как элемент управления ListView обработал операцию выделения. ItemUpdatedПроисходит при нажатии кнопки "Удалить« или при вызове метода DeleteItem, прежде чем элемент управления ListView удаляет запись из источника данных. ItemInserting…. При нажатии кнопки «Вставить» ItemDeleting…. При нажатии кнопки «Удалить»

5

6 Описание шаблона

7

8

9

10 Этот элемент управления создает многофункциональное и внешне привлекательное окно календаря, показывающее по одному месяцу за раз. В нем пользователь может переходить от одного месяца к другому и выбирать как определенную дату, так и целый диапазон дней (если разрешен множественный выбор). Элемент управления Calendar имеет много свойств, которые все вместе позволяют изменять практически любую часть этого элемента управления, например, цвета изображения и фона, шрифт, заголовок, формат даты, текущую дату и т.д.

11 Свойства НазваниеОписание SelectedDateПолучает или задает выбранную дату. SelectedDateПолучает коллекцию объектов System.DateTime, представляющих выбранные даты в элементе управления Calendar. SelectMonthTextПолучает или задает текст, отображаемый для элемента выбора месяца в столбце выбора. StyleВозвращает коллекцию атрибутов текста, которые будут отображены в виде атрибута стиля на внешнем теге серверного веб-элемента управления. (Унаследовано от WebControl.) TodayDayStyleПолучает свойства стиля текущей даты в элементе управления Calendar. VisibleDateПолучает или задает дату, задающую месяц, отображаемый в элементе управления Calendar.

12 События НазваниеОписание DayRender Происходит подготовка элемента управления Calendar к визуализации дня. VisibleMonthChanged Происходит, когда пользователь щелкает элемент управления перехода к следующему или предыдущему месяцу в заголовке названия. SelectionChanged Происходит, когда пользователь выбирает день, неделю или целый месяц щелчком элемента управления выбором даты.

13

14

15

16 Для обеспечения способа навигации пользователей по веб-сайту можно использовать возможности структуры переходов веб-сайта ASP.NET. По мере роста веб-узла и перемещения страниц по веб-узлу становится весьма сложно управлять всеми ссылками. Структура переходов веб-узла ASP.NET позволяет хранить ссылки на все страницы в одном месте и отображать эти ссылки в списках или в меню переходов на каждой странице путем включения определенного веб-серверного элемента управления(Menu, TreeView, SiteMapPath).

17 В карте сайта указываются ссылки на существующие файлы Файл с картой сайта Web.sitemap Создать файл Web. SITEMAP.

18 В файле Web.sitemap: siteMapNode – описывает все дочерние узлы карты сайта. Атрибут title задает текст, который обычно используется как текст ссылки, а атрибут description выступает в роли документации и подсказки в элементе управления SiteMapPath. url – указывает путь к странице перхода.

19 Является источником данных карты узла. По умочанию – в корневом каталоге сайта. Элемент TreeView Э ЛЕМЕНТ S ITE M AP P ATH

20

21 Источник данных

22 Отображает набор текстовых или графических гиперссылок, позволяющих пользователям более легко перемещаться по веб-узлу и занимающих минимум места на странице. Элемент управления SiteMapPath служит для перемещения по веб-узлу и отражает данные, предоставленные объектом SiteMap. Элемент управленияSiteMapPath полезен для веб-узелов с многоуровневой иерархией страниц, на которых элемент управления TreeView или элемент управления Menu занимал бы слишком много места.

23 SiteMapPath состоит из узлов. Узлом называется каждый элемент в пути, представленная объектом SiteMapNodeItem. Стили для разных типов узлов Для каждого узла через свойства можно настроить его визуальное отображение( фон, цвет текста, и т.д.).

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

25 Элемент управления TreeView используется для отображения иерархических данных, таких как оглавление или каталог файлов, в древовидной структуре, и поддерживает следующие возможности: Привязка к данным, позволяющая привязывать узлы элемента управления к данным XML, табличным или реляционным данным. Навигация по узлу посредством интеграции с элементом управления SiteMapDataSource. текст узла, который может отображаться или как обычный текст, или как гиперссылки; Программный доступ к объектной модели TreeView для создания деревьев, заполнения узлов, установки свойств и т. д. динамическим образом. Настройка внешнего вида с помощью тем, определенных пользователем изображений и стилей.

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

27 НазваниеОписание MenuItemClickПроисходит при выборе пункта меню. Это событие обычно используется для синхронизации элемента управления Menu с другими элементами управления на странице. MenuItemDataBoundПроисходит в случае привязки пункта меню к данным. Это событие обычно используется для изменения пункта меню перед его обработкой для просмотра в элементе управления Menu. События : Свойства : НазваниеОписание Orientationгоризонтальная или вертикальная ориентация меню DataSourceIDID элемента управления источником данных PathSeparatorОпределение разделителя между элементами(/).

28 Откройте страницу.aspx и переключитесь в представление конструктора. Из группы Навигация панели элементов перетащите на страницу элемент управления Menu. В меню Задачи меню в окне Выбор источника данных выберите NewDataSource. В мастере настройки источника данных выберите Карта узла, а затем нажмите OK. Сохраните страницу.

29