JQGrid exportar a Excel

Buenos dias, en esta oportunidad compartiré con ustedes la solución que apliqué para generar una hoja de calculo xlsx desde una tabla JQGrid, aunque esto también se puede aplicar a tablas HTML convencionales. Se utilizaron las siguientes librerias: JQuery, JSZip, xlsx.js

jqgrid
jqgrid

La solución aplicada se basa en el Cliente, no hay participación alguna del servidor. Su lógica es sencilla, se trata de obtener el array de datos de la tabla, y empezar a escribirla en objetos que luego se codificarán a base64, con esto se generará una cadena de datos la cual se podrá acceder a través del esquema DATA. data://

El ejemplo es el siguiente:

Sigue leyendo “JQGrid exportar a Excel”

Imprimir desde el Navegador directamente a la impresora

Buenos dias a todos, como parte del desarrollo del sistema web de comercial que se esta desarrollo en EPS-GRAU llegó el requerimiento que los reportes mas usados sean impresos directamente en laa impresora, al hacer click en un boton.

Se ha logrado desarrollar la función, pero bajo ciertas condiciones las cuales son:

  1. Navegador Soportado: Mozilla Firefox.
  2. Reportes : Html, enviado con Ajax desde el servidor.
  3. Libreria JS: Jquery y Jquery Print Area.

Veamos algo simple, para invocar la funcion desde javascript solo se necesita hacer:

window.print();

Este comando nos mostrara el cuadro de dialogo para seleccionar la impresora…

Sigue leyendo “Imprimir desde el Navegador directamente a la impresora”

Comet con jquery y Webservlet (JEE 6) (Ajax Reverse)

Hola a todos, bueno este artículo ha estado mucho tiempo en borrador (desde noviembre del 2011) y pues ahora explicaré como implementar comet usando jquery.

Bueno un poco de teoría:

CometEn el desarrollo web, Comet es un término para describir un modelo de aplicación web en el que una petición HTTP es mantenida abierta, lo que permite a un servidor web enviar datos a un navegador por Tecnología Push, sin que el navegador los solicite explícitamente. Comet es un término que engloba múltiples técnicas para conseguir esta interacción. Todos estos métodos confían en características incluidas por defecto en navegadores, como JavaScript, en lugar de sobre plugins no disponibles por defecto. (Wikipedia)

Según wikipedia, Facebook y Gmail utilizan ésta tecnica.

He implementado Comet a través de dos técnicas: usando ajax y usando un iframe.

Las herramientas utilizadas son:

  1. Netbeans
  2. Tomcat
  3. Jquery
  4. JSP
  5. Navegadores: Firefox, Chrome, safari, Opera, IE
El encargado de gestionar las conexiones entrantes en un servlet, que se puede generar utilzando la anotacion @Webservlet incluida en JEE 6, veamos su código cuando usamos AJAX:

Cambiar de Idioma los meses que muestra JQPLOT – JQCHART

jqplot
jqplot

Hola, Jqplot es un plugin para Jquery que nos premite mostrar graficos, a manera de reporte, cuenta con una variedad de estilos y configuraciones, es muy recomendable por ser considerada Software Libre.

Por defecto jqplot (jqchart) muestra los meses como: JAN FEB MAR APR, es decir en inglés, para poder cambiar esta situacion debe hacerse lo siguiente:

Sigue leyendo “Cambiar de Idioma los meses que muestra JQPLOT – JQCHART”

Spring: Usando Ajax con JQuery, POST and GET

Hola a todos, en esta ocasión comentaré como usar Ajax en Spring a través de JQuery, con un ejemplo muy sencillo (mientras mas sencillo sea el ejemplo, mejor su entendimiento).

Bien pues manos a la obra: He usado Netbeans 6.9.1, la librería JQuery 1.4.4, Como servidor de Aplicaciones: Glassfish 2.1.

En el ejemplo se envían cadenas simples y se devuelven cadenas simples, como es nuestro primer ejemplo con ajax, estará bien por ahora, más adelante veremos como serializar formularios a través de JSON y Jackson.

Sigue leyendo “Spring: Usando Ajax con JQuery, POST and GET”