JSF2.3 inputTextArea – Ejemplos
En JSF, la etiqueta inputTextarea representa un elemento HTML , <textarea>. Este elemento HTML permite al usuário ingresar un texto de varias lineas, entre sus atributos se puede definir la fila y la columna quienes van a determinar el tamaño del área del texto.
JSF:
<h:inputTextarea cols="30" rows="10" />
HTML:
<textarea name="form:j_idt5" cols="30" rows="10">
Ejemplo:
Escribir un formulario que pida una dirección y que al clicar en un botón enviar, exiba la dirección digitada.
Desarrollando el ejemplo:
CDI Managed Bean EjemploInputTextArea.java
package com.josehuaman.ejemplos;
import java.io.Serializable;
import javax.enterprise.context.RequestScoped;
import javax.inject.Named;
@Named
@RequestScoped
public class EjemploInputTextArea implements Serializable {
private static final long serialVersionUID = 1L;
private String direccion;
public String getDireccion() {
return direccion;
}
public void setDireccion(String direccion) {
this.direccion = direccion;
}
}
Página JSF con el formulário: ejemploInputTextArea.xhtml
<h:commandButton value=»Enviar» action=»respuesta» />: action=»respuesta» indica la pagina web (respuesta.xhtml) donde irá al clicar en enviar.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Ejemplo InputTextArea</title>
</h:head>
<h:body>
<h2>Ejemplo JSF2.3 InputTextArea</h2>
<h:form id="form">
<h:outputLabel for="direccion" value="Dirección: "/><br/>
<h:inputTextarea id="direccion" value="#{ejemploInputTextArea.direccion}" cols="30" rows="3" /><br/>
<h:commandButton value="Enviar" action="respuesta" />
</h:form>
</h:body>
</html>
Página JSF con la respuesta. respuesta.xhtml
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Ejemplo InputTextArea - Respuesta</title>
</h:head>
<h:body>
<h2>Ejemplo JSF2.3 InputTextArea</h2>
<h:form>
<h:outputText value="Dirección: "/>
<h:outputText value="#{ejemploInputTextArea.direccion}"/>
</h:form>
</h:body>
</html>
Resultado:
http://localhost:8080/ejemplo_web_jsf23/ejemploInputTextArea.xhtml
Escribiendo la dirección y clicando en enviar, tenemos:
