Поделиться через

Пошаговое руководство. Простая сортировка для серверного веб-элемента управления GridView

  • Статья

Обновлен: Ноябрь 2007

Функциональные возможности встроенной сортировки элемента управления ASP.NET GridView можно использовать для добавления к данным сортировки по одиночному столбцу без написания программного кода.

В данном пошаговом руководстве рассматриваются следующие вопросы:

  • Включение в элементе управления GridView функций встроенной сортировки.

Требуемые компоненты

Для выполнения заданий данного пошагового руководства требуется:

  • Microsoft Visual Web Developer (Visual Studio).

  • Доступ к базе данных "Northwind" на SQL Server. Сведения о загрузке и установке учебной базы данных "Northwind" для SQL Server см. в документе Установка учебных баз данных на веб-узле Microsoft SQL Server.

    sk096tye.alert_note(ru-ru,VS.90).gifПримечание.

    Получите сведения о входе в систему SQL Server у администратора сервера.

  • Имя пользователя и пароль для учетной записи SQL Server, которая имеет доступ к базе данных Northwind.

  • Компоненты доступа к данным MDAC версии 2.7 или более поздней версии.

    Если используется Microsoft Windows XP или Windows Server 2003, то компоненты MDAC версии 2.7 уже установлены. Однако если используется Microsoft Windows 2000, то может потребоваться обновление компонентов доступа к данным MDAC, уже установленных на компьютере. Дополнительные сведения см. в разделе "Установка компонентов доступа к данным MDAC" в библиотеке MSDN.

Создание веб-узла и страницы

Создайте новый веб-узел, выполнив следующие действия.

Создание веб-узла на базе файловой системы

  1. Откройте Visual Web Developer.

  2. В меню Файл выберите команду Создать и затем выберите Веб-узел. При использовании Visual Web Developer, экспресс-выпуск в меню Файл щелкните Создатьвеб-узел.

    Откроется диалоговое окно Создать Веб-узел.

  3. В группе Установленные шаблоны Visual Studio выберите Веб-узел ASP.NET.

  4. В поле Расположение выберите Файловая система и введите имя папки, в которой будут храниться страницы веб-узла.

    Например, введите имя папки C:\WebSites\SimpleSort.

  5. В списке Язык выберите Visual Basic или Visual C#.

  6. Нажмите кнопку OК.

    Visual Web Developer создаст папку и новую страницу с именем Default.aspx.

Отображение данных в элементе управления GridView

В данном подразделе на страницу будет добавлен элемент управления GridView и выполнена настройка данного элемент управления на отображение данных из таблицы "Клиенты" базы данных "Northwind".

Отображение данных в элементе управления GridView

  1. Перейдите к файлу Default.aspx или откройте его.

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

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

  4. В меню Задачи GridView выберите в раскрывающемся списке Выбористочника данных команду <Новый источник данных>.

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

  5. Выберите пункт База данных.

    Данный выбор означает, что требуется получать данные из базы данных, которая поддерживает инструкции SQL; это базы данных SQL Server и другие базы данных, совместимые с OLE DB.

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

  7. Нажмите кнопку OК.

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

  8. Выберите Новое подключение.

    Откроется диалоговое окно Добавить подключение.

    • Если в списке Источник данных отсутствует элемент Microsoft SQL Server (SqlClient), нажмите кнопку Изменить и в диалоговом окне Изменить источник данных выберите Microsoft SQL Server.

    • Если откроется страница Выбор источника данных, в списке Источник данных выберите тип используемого источника данных. В данном руководстве в качестве типа источника данных используется Microsoft SQL Server. Из списка Поставщик данных выберите Поставщик данных .NET Framework для SQL Server и нажмите кнопку Продолжить.

  9. В поле Имя сервера введите имя компьютера, на котором установлен SQL Server.

  10. В разделе Вход на сервер выберите параметр, который подходит для конфигурации SQL Server (проверка подлинности Windows или определенный идентификатор и пароль).

  11. При необходимости введите имя пользователя и пароль.

  12. В поле Выберите или введите имя базы данных выберите Northwind.

  13. Нажмите кнопку Проверить подключение для проверки соединения. Если подключение выполнено успешно, нажмите кнопку ОК.

    Снова появится мастер Настройки источника данных – SqlDataSource1, в котором заполнены сведения о подключении.

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

    Мастер отобразит страницу, на которой можно будет сохранить строку подключения в файле конфигурации. Сохранение строки подключения в файле конфигурации имеет два преимущества:

    • Это более безопасно, чем сохранение ее на странице.

    • Можно повторно использовать строку соединения в нескольких страницах.

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

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

  16. В группе Укажите столбцы из таблицы или представления, в раскрывающемся списке Имя выберите таблицу Клиенты.

  17. В группе Столбцы установите флажки Код клиента, Название организации и Город.

    Мастер отобразит создаваемую инструкцию SQL в поле в нижней части страницы.

    sk096tye.alert_note(ru-ru,VS.90).gifПримечание.

    Мастер позволяет задать критерии выбора (оператор WHERE) и другие параметры запроса SQL. В данном пошаговом руководстве создается простая инструкция без выбора или параметров сортировки.

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

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

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

    Мастер создаст элемент управления SqlDataSource и добавит его на страницу. Элемент управления GridView, который был добавлен ранее, связывается с элементом управления SqlDataSource. Если просмотреть свойства элемента управления SqlDataSource, можно увидеть, что мастер создал значения для свойств ConnectionString и SelectQuery.

  21. Щелкните правой кнопкой мыши элемент управления GridView и в контекстном меню выберите Показать смарт-тег и затем в меню Задачи GridView выберите Включить сортировку.

    Заголовки столбцов в элементе управления GridView изменятся на ссылки.

Теперь можно проверить страницу.

Тестирование страницы

  1. Чтобы запустить страницу, нажмите сочетание клавиш CTRL + F5.

    Элемент GridView отображается со столбцами Код клиента, Название организации и Город.

  2. Для сортировки содержимого столбца щелкните его заголовок.

  3. Повторный щелчок переключит порядок сортировки либо по возрастанию, либо по убыванию.

Следующие этапы

Рассмотрите возможность включения сортировки по нескольким столбцам для элемента управления GridView. Дополнительные сведения см. в разделе Сортировка данных в серверном веб-элементе управления GridView.

См. также

Основные понятия

Сортировка данных в серверном веб-элементе управления GridView

Ссылки

Общие сведения о серверном веб-элементе управления GridView