JSF2.3 outputText – Ejemplos
La etiqueta outputText es un componente que se usa para representar un texto plano sin formato (opcionalmente recuperado de un bean) y no genera ningún elemento HTML adicional.
La documentación de JSF 2.3 etiqueta outputText está disponible en este link.
Ejemplo:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" > <h:head> <title>Ejemplo InputText!</title> </h:head> <h:body> <h:outputText value="Hola a todos!" /> </h:body> </html>
Resultado:
Código HTML Generado:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="j_idt2">
<title>Ejemplo InputText!</title>
</head>
<body>
Hola a todos!
</body>
</html>
Si los atributos «styleClass», «style», «dir» o «lang» están presentes, representa un elemento «span». Y si el atributo «styleClass» está presente, representa su valor como el valor del atributo «class».
Ejemplo:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" > <h:head> <title>Ejemplo outputText!</title> </h:head> <h:body> <h:outputText value="Hola a todos!" lang="es" style="color: blue"></h:outputText> </h:body> </html>
Resultado:
Código HTML generado:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="j_idt2">
<title>Ejemplo outputText!</title>
</head>
<body>
<span lang="es" style="color: blue">Hola a todos!</span>
</body>
</html>
Ejemplo:
Ahora utilizaremos un ejemplos de caso múltiple utilizando un CDI Managed bean. Este bean contendrá dos mensajes de saludo. El primer mensaje será un texto plano, y el segundo mensaje va a contener etiquetas HTML. Haremos que este mensaje se use varias veces utilizando el componente outputText.
CDI Managed Bean EjemploOutputText.java
package com.josehuaman.ejemplos;
import java.io.Serializable;
import javax.enterprise.context.RequestScoped;
import javax.inject.Named;
@Named
@RequestScoped
public class EjemploOutputText implements Serializable {
private static final long serialVersionUID = 1L;
private String mensaje = "Hola a todos!";
private String mensajeHtml = "<h3>Hola a todos!</h3>";
public String getMensaje() {
return mensaje;
}
public void setMensaje(String mensaje) {
this.mensaje = mensaje;
}
public String getMensajeHtml() {
return mensajeHtml;
}
public void setMensajeHtml(String mensajeHtml) {
this.mensajeHtml = mensajeHtml;
}
}
Pagina JSF ejemploOutputText.xhtml
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html" >
<h:head>
<title>Ejemplo outputText!</title>
</h:head>
<h:body>
<h2><h:outputText value="#{ejemploOutputText.mensaje}" /></h2><br/>
<h:outputText value="#{ejemploOutputText.mensaje}" /><br/>
<h:outputText escape="false" value="#{ejemploOutputText.mensajeHtml}"/>
<h:outputText value="El código HTML que generó el texto anterior:" /><br/>
<h:outputText value="#{ejemploOutputText.mensajeHtml}" /><br/><br/>
<h:outputText styleClass="estilo" value="#{ejemploOutputText.mensaje}" /><br/>
<h:outputText dir="rtl" value="#{ejemploOutputText.mensaje}" /><br/>
<h:outputText lang="es" style="color: blue" value="#{ejemploOutputText.mensaje}" /><br/>
</h:body>
</html>
Resultado:
Código HTML generado:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="j_idt2">
<title>Ejemplo outputText!</title>
</head>
<body>
<h2>Hola a todos!</h2><br />
Hola a todos!<br />
<h3>Hola a todos!</h3>
El código HTML que generó el texto anterior:<br />
<h3>Hola a todos!</h3><br /><br />
<span class="estilo">Hola a todos!</span><br />
<span dir="rtl">Hola a todos!</span><br />
<span lang="es" style="color: blue">Hola a todos!</span><br />
</body>
</html>
