Entradas

Mostrando las entradas con la etiqueta ajax

RESTful usando Payara Fish y Knockout.js apoyado por NetBeans

Imagen
Aquí muestro un ejemplo de implementación de AJAX con RESTful usando  +Payara  y knockout.js . Para hacerlo más rápido, utilicé NetBeans, así me ahorro bastante en la configuración. Preguntas, comentarios háganla abajo sin miedo. Espero que les sea útil

JSF Facelets + Senna

Imagen
Estuve revisando la biblioteca " Senna " que permite cargar parte de una página sin necesidad de cargar toda la página, y se me ocurrió combinarlo con JSF Facelets. Así que en este post veremos cómo se hace

Probando RESTful con Poster

Imagen
Seguimos con RESTful en Java! Ya luego comentaré qué pasó conmigo y por qué no estuve enviando contenido a mi blog. Hasta el momento hemos visto casi de manera abstracta el funcionamiento de RESTful  usando Jersey desde NetBeans . Ahora veremos como probar todo un CRUD de RESTful desde un complemento de Firefox llamado Poster .

Ajax en JSF 2.0 - Ejemplo 2: Tabla actualizada según se escriba

Imagen
Siguiendo con los ejemplos después de mucho tiempo , ahora mostraré cómo actualizar una lista dependiendo del texto que se escribe en un input-text, pero usando Ajax. Es decir, a medida que se escribe, se actualizará el contenido del texto. Todo esto usando JSF 2.0 con su tag <ajax />

Webinar de ICEfaces

ICEfaces presentará el 18 de marzo un Webinars sobre "desarrollo de aplicaciones con Ajax Push" La presentación durará 50 minutos y su objetivo es presentar más allá de los principios básicos de ICEfaces. Se realizará a las 4PM CET (GMT +1) con referencia a: ICEfaces Webinar - Desarrollar Aplicaciones con Ajax Push ( ver en Google Sidewiki )

Ajax en JSF 2.0 - Ejemplo 1: Combo cambia texto

La técnica Ajax es muy útil para hacer aplicaciones donde solo se actualiza una parte de la página y no toda. Cuando salió JSF no tenía esta característica, pero otros frameworks (como ICEfaces) proporcionaban el Ajax como manera natural. También se podía utilizar otros complementos al JSF para que pueda funcionar.. pero ya no era el JSF natural. Con JSF 2.0, el Ajax ya es natural. Mostraremos un conjunto de ejemplos de Ajax con JSf 2.0. En este post haremos un ejemplo de cómo un combo puede cambiar el valor de un texto. Primero lo haremos sin Ajax, y luego con Ajax. El ManagedBean Primero haremos un ManagedBean llamado FormBean. Tendrá una propiedad que contiene las opciones del combo, y luego un atributo donde tendrá el valor seleccionado del combo. package jsf; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; import javax.faces.model.SelectItem; @ManagedBean(name = "FormBean") @RequestScoped public class FormBean { private Select...

seleccionar / deseleccionar todos los checkbox (con JQuery)

JQuery es un framework en JavaScript que realmente hace maravillas. Aparte de AJAX, la manera como maneja los objetos DOM es impresionante. En este post haré un ejemplo de cómo marcar varios checkbox usando otro checkbox (check all), y si se desmarca este checkbox, todos los checkbox se desmarcan... y cómo bonus, si se marcan todos los checks uno por uno, el checkbox general se marcará automáticamente. A medida que desarrollaré el ejemplo, también explicaré cómo funciona JQuery. Cómo obtener el JQuery Hay dos maneras: descargándolo desde http://jquery.com/ , y agregándolo a nuestro proyecto como un .js más (sólo pesa 55.9KB!) Usando el API de Bibliotecas AJAX de Google . Los pro/contra son Lo bueno que si se descarga el jquery y está integrado a nuestro proyecto,  tendremos la certeza de que está en nuestra aplicación. Lo malo es que si sale una nueva versión, tendremos que actualizarlo nosotros mismos, y revisar en todos los proyectos donde se utiliza. Lo bueno de us...

Combo dependiente con JSP + Ajax

Imagen
Este es sin duda el tema más buscado para los que desarrollan formularios web: Combos dependientes en JSP usando AJAX Esto es clásico en los ejemplos de combos tipo departamento-provincia-distrito, cuando los elementos de un combo depende de la selección de otro. Pues ya, aquí está... ... y totalmente actualizado!! Aquí lo explicamos con JQuery y AngularJS, y de regalo.. con Bootstrap y Material Design

ICEFaces 1.8 disponible

ICEfaces lanza su versión 1.8, con 350 correcciones a su versión anterior, además de nuevas mejoras. http://www.icefaces.org/releasenotes/icefaces-1.8.0-RN.html Se puede descargar esta versión aquí http://www.icefaces.org/main/downloads/os-downloads.iface Además, incluye el plugin para netbeans. Si se tiene instalado el plugin descargado de NetBeans Update Center, primero hay que desinstalarlo antes de instalar el plugin descargado de ICEfaces.

Wavemaker Visual Ajax Studio

No sé si lo habeís visto antes, yo recién lo veo y me he quedado sorprendido con este software http://wavemaker.com/ Aún no lo he descargado, y tampoco sé si los screencast que se ven utilizan la versión Community. Lo descargaré y veré qué tan bueno es.. y daré mi opinión por esta vía.

AJAX con DWR en NetBeans 6.1

Imagen
Una de las bibliotecas más fáciles que he visto para programar en AJAX es el Direct Web Remoting - DWR. En este post veremos algunas de sus características que nos ayudará a tener aplicaciones enriquecidas con ajax . Para ello usaremos: NetBeans 6.1 DWR Si deseas saber lo que es AJAX, puedes revisar mi anterior post llamado (justamente) AJAX . Instalando DWR en NetBeans La biblioteca DWR consta únicamente de un archivo .jar. Este lo podemos descargar de aquí: http://getahead.org/dwr/download. A la fecha de este post la versión del DWR es la 2.0.4. Guardaremos el archivo en una carpeta que será destinada para las bibliotecas de los proyectos. Yo, en Windows, lo guardo en d:\proys\lib\DWR, y en Linux lo guardo en ~/proys/lib Adicionalmente DWR necesita de la biblioteca commons-logging. Esta la puedes descargar de aquí: http://commons.apache.org/downloads/download_logging.cgi Descomprimamos el archivo descargado de commons-logging en la misma carpeta lib. Entramos a la opción Tools ...

AJAX

Imagen
¿Qué es AJAX? Imaginemos que estamos haciendo un formulario web de registro de clientes que tiene cuarenta campos. Tres de esos campos son combos para “departamento”, “provincia” y “distrito”. Al seleccionar un “departamento”, el combo “provincia” se debe actualizar con el contenido correspondiente. De igual manera, al seleccionar una “provincia”: sus distritos correspondientes deberán aparecer en su respectivo combo. Para implementarlo tenemos dos maneras: Colocar en el evento “onchange” de los combos un submit() para que se envíe el formulario actual al servidor, y éste devuelva el mismo formulario (sin perder los valores de los demás campos) sólo para que actualice las opciones de los combos afectados. Como se puede predecir, se estaría desperdiciando el ancho de banda enviando todo un formulario sólo para cambiar uno o dos campos. Eso, sin contar que la programación de los submit() en el lado del servidor debe estar contemplada para saber que lo que hizo fue cambiar un combo o se...