Новые Лпр-ки. Веб ЛПР новые (1). Лабораторная работа Разработка базовой основы Web приложения 5 Упражнение Создание Web приложения 5

• Название: Лабораторная работа Разработка базовой основы Web приложения 5 Упражнение Создание Web приложения 5
• Анкор: Новые Лпр-ки
• Дата: 19.03.2022
• Размер: 1.04 Mb.
• Имя файла: Веб ЛПР новые (1).docx
• Тип: Лабораторная работа; #403967
• страница: 11 из 27

Упражнение 7. Отображение данных в списке Drop-Down

В этом упражнении вы реализуете связь элемента DropDownList с данными с помощью элемента EntityDataSource. В следующих упражнениях вы будете использовать список, чтобы позволить пользователям выбрать кафедру и отобразить курсы, связанные с этой кафедрой.

1. 
   Добавьте в проект новую веб-страницу, используя главную страницу Site.Master. Назовите страницу Courses.aspx.
   
2. 
   В коде разметки новой страницы добавьте текст Courses by Department стиля заголовка h2 в элемент содержимого Content с именем Content2:
   

runat="server">

Courses by Department

3. 
   В режиме конструктора добавьте элемент EntityDataSource и укажите (ID) как DepartmentsEntityDataSource.
   
4. 
   Настройте источник данных: на первом шаге мастера Настройка ObjectContext (Configure ObjectContext) выберите для переключателя Именованное соединение (Named Connection) значение SchoolEntities и для DefaultContainerName тоже должно быть значение SchoolEntities.
   
5. 
   На шаге Настройка выбора данных (Configure Data Selection) (см. рисунок 2.7.1) выберите для набора EntitySetName значение DepartmentID. В поле Select укажите только Departments и Name.
   

Рисунок2.7.1Настройканабораданных

6. 
   Перенесите с панели инструментов элемент DropDownList, укажите (ID) как DepartmentsDropDownList, кликните смарт тег и выберите Выбрать источник данных (Choose Data Source) для запуска мастера DataSource Configuration Wizard.
   

Рисунок2.7.2Смарт-тег

7. 
   На шаге Выбор источника данных (Choose a Data Source) (см. рисунок 2.7.3) выберите DepartmentsEntityDataSource как источник данных, кликните Обновить схему (Refresh Schema), и в первом списке укажите поле данных для отображения Name и во втором поле для отображения значений DepartmentID. Нажмите OK.
   

Рисунок2.7.3.Выбористочникаданных

8. 
   В коде разметки страницы добавьте фразу "Select a department:" прямо перед элементом DropDownList:
   

Select a department:

runat="server"

DataSourceID="DepartmentsEntityDataSource" DataTextField="Name"

DataValueField="DepartmentID">

9. 
   Запустите страницу в обозревателе и протестируйте возможность выбора элемента списка.
   

В результате выполненных упражнений вы настроили элемент EntityDataSource. Работа с этим элементом управления, как правило, мало отличается от работы с другими элементами управления источника данных ASP.NET. Единственное исключение, когда вы хотите получить доступ к навигационным свойствам.