JSF 2 TextArea-Beispiel

JavaServer-Gesichter (JSF 2) stellt eine Reihe von Benutzeroberflächenkomponenten bereit, die die häufigsten Anforderungen abdecken. Eine der wichtigsten Komponenten ist eine -Komponente. Die inputTextarea-Komponente rendert einen HTML-Code BereichText Element. Wenn Sie nach der Konfiguration einer vollständigen Anwendung suchen, lesen Sie bitte unser JSF 2-Setup-Tutorial.

Lesen Sie auch:

  • JSF 2-Tutorials
  • JSF-Tutorials
  • Einführung in JSF

1. Verwaltete Bohne

package net.javabeat.jsf;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class MessageBean {

	private String message = "";

	public String getMessage() {
		return message;
	}

	public void setMessage(String message) {
		this.message = message;
	}

	public String sendMessage() {
		return "inbox";
	}

}
  • Die verwaltete Bean (MessageBean) enthält eine Eigenschaft vom Typ Zeichenfolge namens Nachricht.
  • Die verwaltete Bean (MessageBean) bietet eine Aktion zum Navigieren vom Schreiben einer Nachrichtenseite zum Anzeigen der Nachrichtenseite.

2. Die Ansichten

message.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<h:form>
			<h1><h:outputText value="JavaBeat JSF 2.2 Examples" /></h1>
			<h2><h:outputText value="Text Area Example" /></h2>
			<h:inputTextarea cols="20" rows="10" value="#{messageBean.message}"></h:inputTextarea>
			<h:commandButton value="Send" action="#{messageBean.sendMessage}"></h:commandButton>
		</h:form>
	</f:view>
</html>

inbox.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<h:form>
			<h1><h:outputText value="JavaBeat JSF 2.2 Examples" /></h1>
			<h2><h:outputText value="Text Area Example" /></h2>
			<h:outputLabel value="#{messageBean.message}"/>
		</h:form>
	</f:view>
</html>

3. JSF 2 InputTextArea-Demo

Die folgenden Schnappschüsse zeigen Ihnen ein vollständiges Szenario für die Verwendung der inputTextarea-Komponente.

JSF 2 InputTextArea Beispiel 1

JSF 2 InputTextArea Beispiel 2

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen