En este primer ejemplo vamos a ver el funcionamiento de los campos de texto con componentes ICEfaces.

Después de crear el proyecto, modificar los documentos XML web.xml, faces-config.xml y crear los esqueletos de la página ICEfaces notaGastos.jspx y del backing bean NotaGastosBackingBean esta es la página Web que obtenemos al ejecutar la aplicación

Esta es la página web después de haber relacionado la página ICEfaces a una hoja de estilos en cascada

Esta es la página web que muestra el gasto Dietas.

Esta es la página web que muestra los gastos Dietas y Transporte y el total de gastos.

Cuando se introduce la cantidad de por ejemplo 246 €

al perder el foco el campo de texto de las dietas, se realiza una petición AJAX al servidor y éste responde añadiendo una coma y dos números decimales al valor que había introducido el usuario

Este es el aspecto de la página Web después de introducir la cantidad 1250 y seguidamente perder el foco en el campo de texto de los gastos de transporte

Si se introduce un valor numérico en el campo de texto de los gastos de dietas nos aparece un mensaje JSF estándar indicando que en este caso ABC no es un número.

Esta otra imagen muestra un mensaje de error personalizado.

Y finalmente, obtnemos el total de gastos realizando peticiones AJAX de forma transparente