Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
56
Добавлен:
12.02.2016
Размер:
120.83 Кб
Скачать

Создание и заполнение раскрывающегося списка

  1. Переключитесь на страницу Default.aspx или откройте ее. При работе с созданным веб-узлом добавьте или откройте страницу, с которой можно работать в данном пошаговом руководстве.

  2. Перейдите в представление конструирования.

  3. На странице введите текст Выберите продукты по категории и отформатируйте его как заголовок с помощью раскрывающегося списка Формат блока над панелью элементов.

  4. Из группы Стандартные в панели элементов перетащите на страницу элемент управления DropDownList.

  5. В диалоговом окне Задачи DropDownList установите флажок Включить AutoPostBack.

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

  1. В диалоговом окне Задачи DropDownList выберите элемент Выбор источника данных.

Запустится мастер Выбор источника данных.

  1. В списке Выбор источника данных выберите <Создать источник данных>.

Отобразится диалоговое окно Мастер настройки источника данных.

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

Это показывает, что данные можно получить из баз данных, поддерживающих инструкции SQL. (В это число входят SQL Server и другие базы данных, совместимые с OLE-DB.)

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

  1. Нажмите кнопку .

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

  1. В раскрывающемся списке выберите подключение Northwind, созданное ранее в этом руководстве.

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

Мастер отображает страницу, на которой можно сохранить строку соединения в файле конфигурации.

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

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

  1. В списке Имя элемента Параметры таблиц и представлений выберите пункт Категории.

  2. В поле Столбцы выберите CategoryID и CategoryName.

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

  4. Нажмите кнопку Пробный запрос, чтобы убедиться в корректности получаемых данных.

  5. Нажмите кнопку Готово.

Отобразится Мастер настройки источника данных, содержащий имя настроенного источника данных.

  1. Из списка Выберите поле данных для отображения в DropDownList выберите CategoryName.

    Примечание.

    Если список не содержит элементов, щелкните ссылку Обновить схему.

  2. Это указывает на то, что значение поля CategoryName будет отображено в качестве текста элемента в раскрывающемся списке.

  3. В списке Выберите поле данных для значения DropDownList выберите CategoryID.

Этот параметр указывает на то, что при выборе элемента в качестве его значения будет возвращено поле CategoryID.

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

Перед обработкой проверьте раскрывающийся список.

Проверка раскрывающегося списка

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

  2. Когда страница отобразится, проверьте раскрывающийся список.

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

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

Соседние файлы в папке РОЗРОБЛЕННЯ WEB-СТОРІНОК