Cómo: Personalizar controles para la edición en el control de servidor Web GridView

  • Artículo

Actualización: noviembre 2007

Cuando una fila del control GridView se pone en modo de edición, la fila normalmente muestra texto o casillas de verificación para columnas de datos individuales, donde los usuarios pueden cambiar los datos. Si desea utilizar otros controles para editar, puede personalizar los controles GridView para el modo de edición. Para ello, cree una plantilla que defina el diseño personalizado (texto y controles) que desea presentar en modo de edición en lugar de los controles predeterminados. Para obtener más información, vea Plantillas de controles de servidor Web ASP.NET.

Procedimientos

Para especificar la edición personalizada para una columna del control GridView

  1. En el menú contextual Tareas de GridView, active la casilla de verificación Habilitar edición.

    Nota:

    La casilla de verificación Habilitar edición aparece en el menú contextual sólo si el control de origen de datos al que está enlazado el control GridView admite la edición. Por ejemplo, si el control GridView se enlaza a un control SqlDataSource, la propiedad UpdateCommand debe contener una instrucción Update de SQL.

  2. En el menú contextual, haga clic en Editar columnas.

    Aparece el cuadro de diálogo Campos.

  3. En Campos disponibles, expanda Campo enlazado para mostrar los campos enlazados del origen de datos.

  4. En Campos seleccionados, seleccione un campo enlazado, haga clic en Convertir este campo en TemplateField y, a continuación, haga clic en Aceptar para cerrar el cuadro de diálogo Campos.

  5. En el menú contextual, haga clic en Editar plantillas.

    El control GridView cambia al modo de edición de plantillas.

  6. En el menú contextual, en la lista Mostrar, haga clic en Plantilla de EditItem.

    El control GridView muestra el editor de plantillas para la propiedad EditItemTemplate. Esto especifica el diseño (texto y controles) que aparecerá para esa columna cuando la fila esté en modo de edición.

  7. Arrastre un control DropDownList desde el grupo Estándar del Cuadro de herramientas hasta la plantilla.

    Configurará DropDownList en el procedimiento siguiente.

Para rellenar una lista desplegable de edición en una columna del control GridView

  1. En el menú contextual, en la lista Elegir origen de datos, haga clic en Nuevo origen de datos.

  2. En el Asistente para la configuración del origen de datos, seleccione el mismo origen de datos que utilizó en el procedimiento anterior.

  3. Seleccione los campos de datos para mostrar y los valores correspondientes de la lista de los campos disponibles en su origen de datos y, a continuación, haga clic en Aceptar.

  4. Presione CTRL+F5 para ejecutar la página.

  5. Cambie una columna de la cuadrícula para comprobar que la lista aparece.

Vea también

Conceptos

Modificar los datos de un control GridView de servidor Web

Referencia

Información general sobre GridView (Control de servidor Web)

GridView