Использование сетки для отображения подробной информации

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

Чтобы использовать сетку для отображения подробной информации

1. Перейдите к странице Default.aspx (или к другой редактируемой странице) и переключитесь в представление конструирования.

2. Из группы Данные в панели элементов перетащите на страницу элемент управления GridView.

3. В меню Задачи GridView выберите элемент <Новый источник данных> из списка Выбор источника данных.

Появится мастер настройки источника данных.

4. Выберите элемент База данных.

В поле Укажите идентификатор источника данных отображается имя элемента управления источником данных по умолчанию (SqlDataSource2). Можно оставить это имя.

5. Нажмите кнопку ОК.

В мастере отобразится страница, на которой можно выбрать подключение.

6. Из раскрывающегося списка соединений выберите соединение, которое было создано и сохранено ранее в данном пошаговом руководстве (NorthwindConnectionString).

7. Нажмите кнопку Далее.

Мастер отобразит страницу Настройка источника данных — SqlDataSource2, на которой можно создать инструкцию SQL.

8. Из списка Имя выберите элемент Продукты.

9. В поле Столбцы выберите элементы ProductID, ProductName и CategoryID.

10. Нажмите WHERE.

Будет отображено диалоговое окно Добавить предложение WHERE.

11. Из списка Столбец выберите элемент CategoryID.

12. В списке Оператор выберите значение =.

13. В списке Источник выберите пункт Элемент управления.

14. В разделе Свойства параметров списка Идентификатор элемента управления выберите DropDownList1.

Два последних шага указывают на то, что запрос получит значение поиска для идентификатора категории из добавленного ранее элемента управления DropDownList.

15. Нажмите кнопку Добавить.

16. Нажмите кнопку ОК, чтобы закрыть диалоговое окно Добавить предложение WHERE.

17. Нажмите кнопку Далее.

18. На странице "Предварительный просмотр" нажмите кнопку Проверить запрос.

В мастере отображается диалоговое окно, запрашивающее значение, используемое в предложении WHERE.

19. Введите в поле 4 и нажмите кнопку ОК.

Отобразятся записи продуктов для категории 4.

20. Нажмите кнопку Готово, чтобы завершить работу мастера.

Теперь можно проверить страницу отображения отношений "основной/подробности".

Проверка страницы

1. Нажмите клавиши CTRL+F5 для запуска страницы.

При появлении страницы отобразятся продукты из первого элемента в раскрывающемся списке.

2. Выберите категорию из списка и убедитесь в том, что соответствующие продукты появляются в сетке.

Отображение данных отношения "основной/подробности" на одной странице

В этой части пошагового руководства описывается отображение данных из связанных таблиц на одной странице. Данные основной таблицы отображаются в сетке, в которой пользователи могут выбирать отдельные строки. При этом одна или несколько записей подробной информации отображаются в элементе управления с полосой прокрутки, расположенном в другом месте страницы. Для наглядности таблица "Категории" базы Northwind будет использоваться в этом руководстве как основная таблица, а таблица "Продукты" — как таблица подробной информации.