« Volver
in JQuery read.

Filtrar GridView con un slider.

Cada vez se desea que el cliente tenga más herramientas y facilidades para realizar tareas en una aplicación, una de dichas tareas se encuentra cuando se tiene una tabla (en nuestro caso un gridview) el cual lista unos determinados productos, con una cantidad y un precio, bueno es un ejemplo algo sencillo pero será de utilidad para poder realizar el ejemplo.

Bien, lo que se desea tener es un slider que permita realizar un filtro de esa grilla y muestre solo los productos que cumplen con la condición especifica.

Para esta tarea vamos a hacer uso de jQuery y en especial de la librería jQuery UI la cual ofrece varios widgets bastantes buenos.

Ahora, tenemos un problema al utilizar el gridview, ya que su renderizado normal no es el mejor, así que vamos a hacer uso de los css friendly control adapters, los cuales ayudan a mejorar el renderizado del grid.

Y manos a la obra:

  1. Referenciamos la librería core de jQuery, la librería de jQuery UI y las hojas de estilos a utilizar:
1: <scriptsrc="scripts/jquery-1.5.1.min.js"type="text/javascript">script> 2: comments powered by Disqus