Beispiel für JSF 2-Schaltfläche und Befehlsschaltfläche

Beispiel für JSF 2-Schaltfläche und Befehlstaste

In JSF 2.0 werden sowohl<h:button />- als auch<h:commandButton />-Tags verwendet, um HTML-Eingabeelemente vom Typ button mit unterschiedlichen Mechanismen für die Navigation zu rendern.

1. JSF h: commandButton-Beispiel

Das Tag "h:commandButton" ist seit JSF 1.x freigegeben. Sie können die Bean deklarieren, die das Navigationsergebnis im Attribut "action" zurückgibt. Wenn in Ihrem Browser JavaScript deaktiviert ist, funktioniert die Navigation weiterhin, da die Navigation über den Formularbeitrag erfolgt.

1. Schaltfläche "Senden"

//JSF


//HTML output

2. Reset-Knopf

//JSF


//HTML output

3. Normale Taste

//JSF


//HTML output

4. Normale Schaltfläche mit Klickereignis

//JSF


//HTML output

2. JSF h: Schaltflächenbeispiel

Das "h:button" ist ein neues Tag in JSF 2.0. Sie können das Navigationsergebnis direkt im Attribut "outcome" deklarieren. Sie müssen keine Bean aufrufen, um ein Ergebnis wie "h: commandButton" zurückzugeben. über. Wenn jedoch Browser mit deaktiviertem JavaScript deaktiviert sind, schlägt die Navigation fehl, da das Tag "h:button" ein "onclick" -Ereignis generiert, um die Navigation über "window.location.href" zu handhaben. Siehe Beispiele:

1. Normaler Knopf ohne Ergebnis

//JSF


//HTML output

P.S if the outcome attribute is omitted, the current page URL will treat as the outcome.

2. Normale Schaltfläche mit einem Ergebnis

//JSF


//HTML output

3. Normale Schaltfläche mit JavaScript.

//JSF


//HTML output

My thought…
Nicht wirklich sicher, warum JSF 2.0 dieses "h:button" -Tag veröffentlicht hat. Die JavaScript-Umleitung ist nicht praktikabel, insbesondere in einem JavaScript-deaktivierten Browser. Am besten integrieren Sie das Attribut "outcome" in das Tag "h:commandButton", und hoffen, dass dies in einer zukünftigen Version möglich ist.

Quellcode herunterladen

Laden Sie es herunter -JSF-2-Button-CommandButton-Example.zip (10 KB)