jqGrid, imponente Grilla Web para visualizar tablas en pantalla

Por Sebastián Divinsky
- 30 noviembre, 2011
2 minutos de lectura
0

jqGrid es un pluig in de JQuery. Es una poderosa grilla que nos permite fácilmente mostrar en pantalla el contenido de una tabla o consulta SQL. Entre varias soluciones, provee: paginador de registros, configurar la cantidad de registros por pagina, ordenamientos ascendentes y descendentes desde el titulo de la columna de cada campo, visualizar en forma detallada un registro, ABM (altas, bajas y modificaciones) , totalizadores, exportación a Excel o PDF, busquedas, visualización de tablas vinculadas Maestro - Detalle y mucho mas...

En muchos desarrollos Web, tenemos la necesidad de mostrar el contenido de una tabla o consulta SQL en pantalla. Para ello hay que tener en cuenta, el diseño, el volumen de datos a mostrar, la paginación de los mismos, etc. Para esto existe un plugin desarrollado con jQuery que podemos utilizar para este propósito.  jqGrid es un desarrollo javascript basado en Ajax que permite la carga de datos en XML o JSON. Una de sus principales características es que no sólo permite mostrar información, sino que  también permite agregar, modifica y/o borrar registros de la base de datos. Todo esto es fácilmente configurable.

En esta imagen se ve el formato de la grilla con una configuracion de seleccion multiple de registros

 

 

 

 

 

 

 

 

En esta imagen se ven dos grillas donde se administran dos tablas vinculadas Maestro / Detalle. Y tambien se puede ver la una ventanita de edicion de uno de los registros de la tabla. Sobre el pie de la segunda grilla se encuetran los iconos de Agregar / Editar / Borrar.

 

Algunas de sus características:

  • Configuración simple
  • Ordenación de columnas
  • Columnas redimensionables
  • Agrupación por pagina
  • Estilos a columnas y registros
  • Soporte para imágenes
  • Edición de celdas
  • Acepta datos a través de AJAX o manualmente ya sea: XML, JSON, Array
  • Selección múltiple de renglones
  • Agregar, editar, eliminar y buscar registros
  • Vistas maestro-detalle, subgrids
  • Reajustar tamaño de la tabla
  • Diferentes tipos de entradas (links, checkboxes , textbox, textarea)
  • Es veloz con muchísimos datos a cargar

 

 

El sitio oficial para descargar jqGrid es:  http://www.trirand.com/blog/

 

Categoría
Artículo escrito por: Sebastián Divinsky
[wp-reviews]