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

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

Упражнение 3. Применение GridView для чтения и обновления данных

В этом упражнении вы используете элемент GridView для отображения, обновления или удаления студентов.

1. 
   Откройте файл Students.aspxв режиме конструктора.
   
2. 
   Откройте панель инструментов (Toolbox) и из вкладки Данные (Data) перенесите элемент GridView справа от элемента EntityDataSource.
   
3. 
   С помощью окна свойств укажите свойству (ID) значение
   

StudentsGridView.

4. 
   Кликните смарт тег элемента GridView и выберите StudentsEntityDataSource в качестве источника данных, как на рисунке 2.3.1:
   

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

5. 
   Кликните Обновить схему (Refresh Schema) (согласитесь если появится вопрос-предупреждение).
   
6. Установите флажки Включить постраничный просмотр (Enable Paging), Включить сортировку (Enable Sorting), Включить правку (Enable Editing) и Включить удаление (Enable Deleting).
7. 
   Кликните Правка столбцов (Edit Columns).
   

Рисунок2.3.2Настройкастолбцов

8. 
   В окне Выбранные поля (Selected fields) удалите PersonID, LastName и HireDate (см. рисунок 2.3.3). Как правило на практике эти столбцы не нужны.
   

Рисунок2.3.3Выборстолбцов

9. 
   Выберите поле FirstMidName и кликните Преобразовать это поле в TemplateField (Convert this field into a TemplateField) (см. рисунок 2.3.4).
   
10. 
    Сделайте тоже самое и с полем EnrollmentDate.
    

Рисунок2.3.4Преобразованиеполя

11. 
    Нажмите OK и переключитесь в режим разметки.
    
12. 
    Изучите изменения, которые внесены в разметку. Элемент
    

GridView должен представляться следующим образом:

AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="PersonID"

DataSourceID="StudentsEntityDataSource">



ShowEditButton="True" />

SortExpression="FirstMidName">



Text='<%# Bind("FirstMidName") %>'>





Text='<%# Bind("FirstMidName") %>'>





SortExpression="EnrollmentDate">



Text='<%# Bind("EnrollmentDate") %>'>





Text='<%# Bind("EnrollmentDate") %>'>

13. 
    Первый столбец после командного поля является шаблонным полем и отображает имя студента. Измените код разметки для более наглядного отображения:
    

SortExpression="LastName">



runat="server" Text='<%# Bind("LastName") %>'>

runat="server" Text='<%# Bind("FirstMidName") %>'>





Text='<%# Eval("LastName") %>'>,

Text='<%# Eval("FirstMidName") %>'>





В режиме отображения два элемента Label отображают имя и фамилию. В режиме редактирования отображаются два текстовых поля для реализации возможности изменения имени и фамилии.

14. 
    Последний столбец является шаблонным полем, который отображает дату зачисления студента на курс. Измените код разметки для более наглядного отображения:
    

SortExpression="EnrollmentDate">



runat="server" Text='<%# Bind("EnrollmentDate", "{0:d}")

%>'>





runat="server" Text='<%# Eval("EnrollmentDate", "{0:d}")

%>'>




Обратите внимание на формат "{0,d}".