Практическое руководство. Включение выбранных элементов по умолчанию в серверном веб-элементе управления GridView
Обновлен: Ноябрь 2007
Элемент управления ASP.NET GridView обладает встроенной функцией выделения, которая дает возможность пользователям выделять строки в сетке. Выделение строки в элементе управления GridView не позволяет выполнить одновременно другие действия. Вместе с тем, имея функцию выделения, можно добавлять в сетку другие функции, которые могут указывать на определенные строки. Ниже перечислены типовые способы добавления функции выделения к элементу управления GridView.
Когда пользователь выделяет строку, она отображается в измененном виде.
Когда пользователь выделяет строку, связанные с ней данные отображаются на странице, например в элементе управления DetailsView.
Для доступа к выбранной строке можно использовать свойство SelectedRow.
Для выполнения настраиваемых действий при выборе строки пользователем определите обработчик события SelectedIndexChanging.
Процедуры
Включение выделения с помощью панели смарт-тега
В представлении Конструктор щелкните правой кнопкой мыши элемент управления GridView и выберите команду Показать смарт-тег.
В панели смарт-тега щелкните Включить выделение.
Чтобы включить выделение по умолчанию с помощью свойства AutoGenerateSelectButton:
Выберите элемент управления GridView и в окне Свойства установите для атрибута AutoGenerateSelectButton значение true.
или
В представлении исходного кода в элементе <asp:GridView> установите для атрибута AutoGenerateSelecttButton значение true:
<asp:GridView Runat="server" ID="GridView1" AutoGenerateSelectButton="true" />
Для настройки вида строки в режиме выделения
Задайте свойства для SelectedRowStyle.
Например, если подчиненное свойство BackColor установлено в значение SelectedRowStyle серого цвета, выделенная строка будет показана с серым фоном.
Настройка текста команды на кнопке выделения
В представлении Конструктор щелкните правой кнопкой мыши элемент управления GridView и выберите команду Показать смарт-тег.
Нажмите Правка столбцов.
На экране появится диалоговое окно Поля.
В поле Выделенные поля нажмите Выбрать.
Свойства поля загружаются в таблицу свойств.
В свойствах CommandField введите текст для кнопки Выделить в свойстве SelectText.
Изменение текста команды на кнопке выделения на изображение
В представлении Конструктор щелкните правой кнопкой мыши элемент управления GridView и выберите команду Показать смарт-тег.
Нажмите Правка столбцов.
На экране появится диалоговое окно Поля.
В поле Выделенные поля нажмите Выбрать.
Свойства поля загружаются в таблицу свойств.
В свойствах CommandField введите или выберите URL-адрес изображения для кнопки Выделить в поле SelectImageUrl.
В свойствах CommandField выберите Изображение в поле ButtonType.
Нажмите кнопку ОК.
Отображение выбранной строки в элементе управления DetailsView
Скопируйте элемент управления источником данных, привязанный к элементу управления GridView, и вставьте копию элемента управления источником данных на страницу.
В представлении Конструктор щелкните правой кнопкой мыши элемент управления источником данных и выберите команду Показать смарт-тег.
Нажмите Настроить источник данных….
Убедитесь, что в поле Какое подключение ваше приложение должно использовать для работы с базой данных? выбрано то подключение, которое используется элементом управления GridView.
Нажмите кнопку Далее.
Выберите значение Указать столбцы из таблицы или представления.
Убедитесь, что раскрывающемся списке Имя выбрана та таблица, которая привязана к элементу управления GridView.
В группе Столбцы выберите столбцы таблицы, которые должны отображаться в элементе управления DetailsView.
Нажмите кнопку WHERE….
Откроется окно Добавить предложение WHERE.
В раскрывающемся списке Столбец выберите имя столбца, который требуется использовать в предложении WHERE. Этот столбец должен быть первичным ключом для таблицы или содержать только уникальные значения, позволяющие идентифицировать выбранную строку.
В раскрывающемся списке Источник выберите вариант Элемент управления.
В раскрывающемся списке Идентификатор элемента управления выберите ID элемента управления GridView.
Нажмите кнопку Добавить.
Нажмите кнопку OK, затем нажмите кнопки Далее и Готово.
Щелкните правой кнопкой мыши элемент управления DetailsView и выберите команду Показать смарт-тег.
В раскрывающемся списке Выбор источника данных выберите элемент управления источником данных, настройка которого была только что завершена.
См. также
Основные понятия
Изменение данных в серверном веб-элементе управления GridView