Cambiar la clase de estilo de un componente JSF

Al igual que muchos de los elementos de una página Web, puede asignarse una clase de estilo a los componentes JSF con el atributo class. Una clase de estilo, que no debe confundirse con una clase Java, es un grupo de entre cero y muchos mandatos que describe el aspecto de un elemento de una página Web. Las clases de estilo se definen en CSS (hojas de estilo de cascada), un lenguaje que puede controlar elementos muy diversos del aspecto de una página Web.

Puede cambiar la clase de estilo de un componente JSF en un archivo JSP Faces de una clase a otra. Para realizar cambios más pequeños en el estilo de un componente JSF, como por ejemplo cambiar el color del texto, consulte el apartado Cambiar el estilo de un componente JSF. Para obtener más información acerca de los estilos y las clases de estilo, consulte la sección Definir estilos de página para un sitio Web - visión general.

Esta tarea tiene los siguientes prerrequisitos. Para obtener más información, consulte la sección Acceso a un componente JSF desde un pageHandler.
Para cambiar la clase de estilo de un componente JSF desde un pageHandler de EGL, siga estos pasos:
  1. En una línea vacía de una función del pageHandler, pulse Control+Mayús+Z. Se abrirá la ventana Asistente de código fuente EGL, que visualizará los componentes JSF de la página.
  2. En la ventana Asistente de código fuente de EGL, seleccione el componente JSF al que desee acceder.
  3. Pulse Aceptar.
    El asistente de código fuente EGL añadirá dos líneas de código EGL al pageHandler. La primera línea define una variable EGL de un tipo coincidente con el componente JSF que ha seleccionado. La segunda línea asocia esa variable con el componente JSF. Por ejemplo, el código para acceder a un componente de texto de entrada JSF puede ser parecido a este:
    text1 HtmlInputText;
    text1 = myViewRoot.findComponent("form1:text1");
  4. Utilizando la variable EGL creada por el asistente de código fuente, establezca la clase de estilo del componente JSF con la función setStyleClass. Por ejemplo, para establecer un campo de texto en una clase de estilo denominada errorField, añada este código:
    text1.setStyleClass("errorField");
    Cuando se ejecuta este código, cambia la clase de estilo del campo de entrada. En este ejemplo, el código HTML visualizado por el navegador es el siguiente:
    <input id="form1:text1" type="text" name="form1:text1" class="errorField" />

Conceptos relacionados
Árbol de componentes JSF
Propiedad viewRootVar

Tareas relacionadas
Añadir soporte de interfaz de componentes JSF a un proyecto Web EGL
Acceso a un componente JSF desde un pageHandler
Cambiar el estilo de un componente JSF
Cambiar el destino de un enlace JSF
Habilitar e inhabilitar componentes JSF
Establecer el tamaño de una imagen JSF
Establecer manejadores de eventos para un componente JSF
Establecer propiedades de tabla de datos JSFDefinir estilos de
página para un sitio Web - visión general

Consulta relacionada
Componentes de acceso del árbol de componentes

Comentarios
(C) Copyright IBM Corporation 2000, 2005. Reservados todos los derechos.