¿Como Actualizar un GridView con Enlace a Datos en Tiempo de Ejecución?

Ayer martes por la mañana, uno de mis amigos me pidió ayuda con la grilla para web de Visual Studio 2005 (GridView), me dijo que no puede realizar actualizaciones de datos haciendo el enlace en tiempo de ejecución, es decir hacer todo por código, sin utilizar los componentes en tiempo de diseño con lo que se puede hacer la actualización de datos en pocos minutos.

Le dije (que no sabes hacer una cosa tan básica) no hay problema, en 20 minutos te mando un ejemplo completo; antes había trabajado de esta manera con el Framework 1.1 y el componente DataGrid sin ningún problema, pero grande fue mi sorpresa al ver que con el GridView las cosas se complicaban enormemente y algo que parecía tan básico no lo era tanto al menos para mi, luego de revisar muchas páginas con ejemplos, casi reventar el monitor con la cabeza y 3 horas de trabajo, al fin logré hacer andar el bendito ejemplo, a continuación algunas pautas para no enloquecer en el intento:

1. No te olvides que estas trabajando en un ambiente Web.- Debo confesarlo esto ya me había pasado antes, Visual Studio te da tantas facilidades para diseñar tus formularios de manera visual, que uno pierde la noción que esta desarrollando una aplicación web, y el error que me estaba volviendo loco esta relacionado simple y llanamente con el código que puse en el evento Load del formulario; como todos saben, el evento Load se dispara cada vez que la pagina se carga, incluido los PostBack necesario para realizar cada acción (por ejemplo pulsar un botón), para resolver el problema simplemente usamos la propiedad IsPostBack de la clase Page, que nos indica si es la primera ves que se carga la pagina o no:

if (Page.IsPostBack)
{
      //Se ejecuta todas las veces que se carga la pagina exepto la
      //primera vez
}
else
{
      // Se ejecuta solo la primera vez que se carga la pagina
{

2. Convertir las columnas en Plantillas.- Para facilitar el trabajo de recuperar los datos del registro que se esta editando, es necesario cambiar los tipos de columnas de BoundField a TemplateField, de esta manera podremos recuperar los datos que se están ingresando en cada uno de controles de la plantilla, utilizando el método FindControl.

3. Implementar los eventos del GridView que necesitemos.- Esta parte es muy importante, puesto que en estos eventos tendremos que poner toda la lógica para realizar la actualización de datos, los eventos más importantes que tenemos que interceptar son: RowEditing, RowUpdating, RowCancelingEdit y RowDeleting.

//método auxiliar para facilitar el trabajo de enlace a datos
void EnlazarDatos()
{
      //sdsEmpelado es un ObjectDataSource previamente configurado
      GridView1.DataSource = sdsEmpleados;
      GridView1.DataBind();
}

void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
{
      //estableciendo la propiedad EditIndex hacemos que esa fila se
      //ponga en edición
      GridView1.EditIndex = e.NewEditIndex;
      EnlazarDatos();
}

void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
      //recuperamos la fila que estamos editando
      GridViewRow fila = GridView1.Rows[e.RowIndex];
      //inicializamos los parametros para actualizar
      sdsEmpleados.UpdateParameters[«EmployeeID»].DefaultValue =
            (fila.FindControl(«Label1») as Label).Text;
      sdsEmpleados.UpdateParameters[«LastName»].DefaultValue =
            (fila.FindControl(«TextBox2») as TextBox).Text;
      sdsEmpleados.UpdateParameters[«FirstName»].DefaultValue =
            (fila.FindControl(«TextBox3») as TextBox).Text;
      //Ejecutamos la actualización
      sdsEmpleados.Update();
      //para salir del estado de edición
      GridView1.EditIndex = -1;
      EnlazarDatos();
}

void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
      //para salir del estado de edición
      GridView1.EditIndex = -1;
      EnlazarDatos();
}

void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
      //recuperamos la fila que queremos eliminar
      GridViewRow fila = GridView1.Rows[e.RowIndex];
      //Inicializamos los parametros para eliminar
      sdsEmpleados.DeleteParameters[«EmployeeID»].DefaultValue =
            (fila.FindControl(«Label1») as Label).Text;
      //Ejecutamos la eliminación
      sdsEmpleados.Delete();
      //para que se actualice el grid
      EnlazarDatos();
}

Atención, el código que se muestra es solo un ejemplo, por simplicidad está sin las validaciones necesarias (por ejemplo comprobar que no sean nulos algunos objetos).

Si necesitan revisar un ejemplo totalmente funcional pueden descargar el ejemplo que hice para mi amigo, funciona con la base de datos Northwind con los tres primeros campos de la tabla Employees, utiliza la clase SqlDataSource, también se puede hacer con la clase SqlDataAdapter, pero como estamos trabajando con el .Net Framework 2.0, decidí utilizar la nueva clase SqlDataSource, espero que les sirva de algo.

Descargar Ejemplo: Ejemplo Actualización GridView
Favor de darle clic derecho y guardar destino como…, una vez descargado cambiar la extensión a .zip, y descomprimirlo (todo esto porque no me dejan subir archivos zip).

« ¿Que Suit de Componentes para .Net Debo Utilizar?

¿Cómo Simular un TabControl para WebForms con MultiView y View? »