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

Visual Studio 2010

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

Помимо отображения данных элемент управления GridView поддерживает режим редактирования, в котором пользователи могут изменять содержимое отдельных строк. Можно настроить элемент управления GridView для отображения кнопки Изменить в каждой строке. При нажатии этой кнопки строка отображается вновь в режиме редактирования, а данные становятся доступными в редактируемых элементах управления, включая TextBox и CheckBox. Кнопка Изменить превращается в кнопку Обновить или Сохранить и при ее нажатии обновленная строка записывается обратно в хранилище данных. Можно добавить возможность редактирования к элементу управления GridView без создания какого-либо кода.

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

Включение редактирования по умолчанию с помощью смарт-тега

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

  2. В области смарт-тега выберите команду Разрешить изменение.

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

    Флажок Разрешить изменение отображается в области смарт-тега, только если элемент управления источника данных, с которым связан элемент управления GridView поддерживает изменение. Например, если элемент GridView привязан к элементу управления SqlDataSource, то свойство UpdateQueryэлемента управления SqlDataSource должно содержать инструкцию SQL Update.

Также можно настроить свойство элемента управления GridView.

Включение редактирования по умолчанию с помощью свойства AutoGenerateEditButton

  • Выберите элемент управления GridView и в окне свойство присвойте AutoGenerateEditButton значение true.

    или

  • В представлении источника элемента <asp:GridView> присвойте свойству AutoGenerateEditButton значение true, как показано в следующем примере:

    <asp:GridView Runat="server" ID="GridView1" 
      AutoGenerateEditButton="true" />
    
Показ: