Si me preguntan por el título del post, sí, es raro, pero no se me ocurrió otra manera de explicar lo que queria hacer, la idea es apoyar la información que entregamos en un gridview utilizando el 'footer' como apoyo a nuestra grilla, en el caso de nuestro ejemplo nos servira para desplegar el monto total de autos registrados.
En el caso de estudio, tenemos una pequeña interfaz que nos sirve para registrar los vehiculos y una grilla que desplega los datos registrados (como en el recuadro de arriba) donde en el footer estamos mostrando la suma del valor de los vehiculos registrados.
¿Y en donde se hace esto?
En el evento RowDataBound de la grilla, preguntamos si el tipo de fila que se esta dibujando es el footer para plasmar nuestra información de resumen.
¿Dónde escribimos los datos que queremos?
La fila (Row) que acompaña al evento en el footer tiene una propiedad llamada Cells que identifican a cada celda del footer comenzando desde el 0 hasta el tamaño de columnas menos 1, dentro de la celda tiene la propiedad Text donde podremos escribir tanto numeros como texto (Ver recuadro de abajo, clic en la imagen para ampliarla.)
Acá les dejo el link con el ejemplo para que lo prueben en casa.
Ejemplo - Uso de Footer en GridView
Espero que les sirva.
Esta idea es autoría de mi amigo Oscar y me sugirió que la publicará en el blog. Nos vimos con la necesidad de en vez de paginar los gridview extender su tamaño usando scrollbars, al implementarlo nos pidieron que cuando bajasemos a través del scrollbar el header del GridView se mantuviese y alli comenzó la dificultad.
La forma tradicional de recrear la situación sin tener aun el Header del GridView estatico sería tal como sigue:
Colocamos un panel que contenga el gridview, establecemos un tamaño definido para el panel y asi aparecerá el scrollbar. Pero seguimos con el problema que nuestro header se sigue moviendo en conjunto con la grilla y no se mantiene fijo.
Y como hacemos que el Header del GridView se mantenga fija cuando bajamos a través del ScrollBar. La solución la tiene nuestro amigo CSS con una simple línea de codigo obtendremos el efecto deseado.
Agregamos esta linea a nuestro archivo css y los asociamos al panel en su propiedad CssClass.
<asp:Panel id="pnlGridView" CssClass="headerFlotante" ... /> y obtendremos nuestro resultado que es un Header fijo mientras movemos el Scrollbar.
Les adjunto el codigo si lo quieren revisar con más calma.
Espero que les sirva.
Saludos.
