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 usar e

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