Cambiar contenido de un GridView cuando se muestra, utilizando el evento RowDataBound

Cambiar contenido de un GridView cuando se muestra, utilizando el evento RowDataBound

En este post veremos cómo modificar la información que se muestra en GridView, utilizando el evento  RowDataBound. Veremos en qué momento se ejecuta este evento y como lo podemos utilizar.

El GridView es un control que nos proporciona ASP.NET cuya funcionalidad es mostrar información en forma tabular. Seguramente es uno de los controles más usados en sitios web. Bueno ya vamos al grano.

El evento RowDataBound

El evento RowDataBound, se ejecuta cada vez que un DataItem es bindado. Es decir, cada vez que se enlaza información de nuestra fuente de datos (base de datos) a una fila del GridView este evento se ejecuta.

El evento  RowDataBound  es muy útil cuando necesitamos modificar la información que le vamos a mostrar al usuario.

Imagina que queremos formatear una fecha, o hacer un cálculo con la información que nos presenta y remplazarla por el resultado, pues en el evento RowDataBound es donde pondríamos el código que realice el formateo de fecha o el cálculo.

A continuación puedes ver la implementación de un ejemplo modificando la fecha en un GridView.

   Protected Sub GridView1_RowDataBound(sender As Object, e As GridViewRowEventArgs) Handles GridView1.RowDataBound
        If (e.Row.RowType = DataControlRowType.DataRow) Then
            e.Row.Cells(2).Text = CDate(e.Row.Cells(2).Text).ToString("y")
        End If
    End Sub

Como puedes ver es muy sencillo y muy útil el evento RowDataBound, ya que nos permite modificar el resultado que se le presenta al usuario final.

Gridview Original

RowDataBound moficar contenido de un gridview

GridvView con la fecha modificada

RowDataBound moficar contenido de un gridview

Si tienes dudas o comentarios puedes escribirme y enseguida te responderé.

Compartir

Comentarios (18)

  • Mhel Responder

    hola , saludos Mi duda es la siguiente, tengo un DataGriew con 2 columnas la primera es NO_RONDA y la segunda es NO_FALLA, ahora lo que quiero hacer es que genere un número consecutivo en NO_FALLA por cada NO_RONDA. por ejemplo NO_RONDA NO_FALLA 1 1 1 2 1 3 1 4 1 5 2 1 2 2 2 3 2 4 3 1 3 2 3 3

    Monday, December 23, 2013 12:07 PM
    • José Responder

      Checa esté artículo a ver si te sirve http://www.developerji.com/Post/Como-generar-columna-auto-numerica-en-un-GrirdView/2045

      12/23/2013 1:14:48 PM
  • Eddi Responder

    Hola, sé que es un tema ya algo Viejo pero ojalá me puedan ayudar, tengo un grid llenado desde una base de datos, luego esos datos los puedo editar, primero lo pase a un datatable y luego hice el update, todo bien, pero tengo un error mas bien visual, cuando hago click en la opción Edit del grid me despliega el grid con la fila que seleccioné, el detalle está en la forma en que me muestra la fila, cada celda tiene un tamaño excesivo y sobrepasa el tamaño del grid a pesar de que tiene un max width, mi pregunta es, como puedo hacer que esas celdas cambien de tamaño??? Ojala me puedan ayudar u orientar

    Tuesday, October 20, 2015 6:05 AM
  • Eddi Responder

    Hola, sé que es un tema ya algo Viejo pero ojalá me puedan ayudar, tengo un grid llenado desde una base de datos, luego esos datos los puedo editar, primero lo pase a un datatable y luego hice el update, todo bien, pero tengo un error mas bien visual, cuando hago click en la opción Edit del grid me despliega el grid con la fila que seleccioné, el detalle está en la forma en que me muestra la fila, cada celda tiene un tamaño excesivo y sobrepasa el tamaño del grid a pesar de que tiene un max width, mi pregunta es, como puedo hacer que esas celdas cambien de tamaño??? Ojala me puedan ayudar u orientar

    Tuesday, October 20, 2015 6:14 AM
    • José Responder

      Hola Eddi, el tamaño del campo de texto lo puedes modificar por medio de css. A ver puedes mandarme la imagen de cómo se ve cuando le das editar, y el código html del grid. Saludos

      10/20/2015 6:29:44 AM
  • Eddi Responder

    Hola, sé que es un tema ya algo Viejo pero ojalá me puedan ayudar, tengo un grid llenado desde una base de datos, luego esos datos los puedo editar, primero lo pase a un datatable y luego hice el update, todo bien, pero tengo un error mas bien visual, cuando hago click en la opción Edit del grid me despliega el grid con la fila que seleccioné, el detalle está en la forma en que me muestra la fila, cada celda tiene un tamaño excesivo y sobrepasa el tamaño del grid a pesar de que tiene un max width, mi pregunta es, como puedo hacer que esas celdas cambien de tamaño??? Ojala me puedan ayudar u orientar

    Tuesday, October 20, 2015 6:36 AM
  • Eddi Responder

    Hola José, primero que nada gracias por responder tan pronto. No se cómo adjuntar la imagen y el código por alguna razón no me deja enviarlo, me podrías pasar tu correo y te lo mando??

    Tuesday, October 20, 2015 7:03 AM
    • José Responder

      Mandamelo a jiestrada@live.com.mx saludos

      10/20/2015 7:14:01 AM
  • Eddi Responder

    Hola José, primero que nada gracias por responder tan pronto. No se cómo adjuntar la imagen y el código por alguna razón no me deja enviarlo, me podrías pasar tu correo y te lo mando??

    Tuesday, October 20, 2015 7:08 AM
  • Eddi Responder

    Hola José, primero que nada gracias por responder tan pronto. No se cómo adjuntar la imagen y el código por alguna razón no me deja enviarlo, me podrías pasar tu correo y te lo mando??

    Tuesday, October 20, 2015 7:11 AM
  • Eddi Responder

    Hola José, primero que nada gracias por responder tan pronto. No se cómo adjuntar la imagen y el código por alguna razón no me deja enviarlo, me podrías pasar tu correo y te lo mando??

    Tuesday, October 20, 2015 9:01 AM
  • EDELMAN Responder

    hola!! antes que nada felicitarte x tu exelente foro, te comento mi inquietud estoy realizando una aplicacion web en vb.asp 2010 referenciada a un web service, ya tengo todo lo nesezario el unico detalle que no se ni por donde empezar porque quiero eliminar,modificar y agregar informacion desde una gridview, si me hicieras llegar un ejemplo como el de arriba te lo agradeceria mil gracias de antemano y sigue adelante...!! (y)

    Thursday, March 31, 2016 9:28 AM
    • José Estrada Responder

      EDELMAN, Unas dudas, cuando le des actualizar al grid, esta actualización la haras por medio del web service, ya tienes el web service? si quieres ayuda mandame el codigo que tienes a jiestrada@live.com.mx para apoyarte más a detalle

      3/31/2016 9:42:03 AM
  • carlos Responder

    perdon por la pregunta como seria modificar el gridview intrduciendo la informacion primero mediante textbox y luego usando el evento, no me lo permite darias algun ejemplo gracias de antemano

    Monday, August 22, 2016 5:29 PM
  • rubi Responder

    como puedo elegir otro estilo de fecha, solo quiero que quite la hora.. osea que quede algo asi: dd/mm/aaaa.. GRACIAS

    Thursday, February 23, 2017 1:23 PM
  • Rech Responder

    I visited many web sites except the audio feature for audio songs present at this site is genuinely marvelous.

    Tuesday, July 11, 2017 11:48 PM
  • Armit Responder

    Hi there, I enjoy reading through your article post. I wanted to write a little comment to support you.

    Monday, July 17, 2017 1:05 AM
  • Monroe Responder

    If you're on a call with a Proper Networks assist consultant and you've got been asked to begin a distant assist session, use the button beneath.

    Sunday, August 6, 2017 7:58 PM

Animate deja un comentario!!!

Eres un humano?

Últimos Tweets

Contáctanos

  • Dirección: Plutarco Elias Calles 243, Granjas México, Iztacalco, DF.

  • Teléfono:55-2712-3820 o 55-4164-9484

  • Email: info@developerji.com