Ist Es Möglich, zu Binden, Eine HTML5-Komponente ( <input type="date">) Zu Einem Managed-Bean-Eigenschaft?

Ich würde gerne mit dem neuen HTML5 - <input type="date"> binden und Ihren Wert an ein managed bean:

<input type="date" value="#{bean.date}"/>

Ich möchte dies machen, weil ich mag diese mehr als die angebotene von PrimeFaces.

Wie kann ich das erreichen?

  • Das ist nicht eine jsf-Komponente, das ist nur HTML-und Sie können Sie nicht binden-Werte zu, es sei denn, Sie eigene Komponenten erstellen, aber das ist nicht empfehlenswert, wenn man keine Erfahrung in jsf.
InformationsquelleAutor Pigritia | 2012-11-21
  1. 18

    Dies ist nur möglich, da JSF 2.2. Diese Funktion ist bekannt als "passthrough-Elemente".

    <html xmlns:jsf="http://xmlns.jcp.org/jsf">
...
<input type="date" jsf:value="#{bean.date}" />

    Nutzen Sie alternativ "passthrough-Attribute".

    <html xmlns:a="http://xmlns.jcp.org/jsf/passthrough">
...
<h:inputText a:type="date" value="#{bean.date}" />

    Wenn Sie nicht auf JSF 2.2 und dennoch, Sie bekommen konnte Weg mit OmniFaces' Html5RenderKit. Dies ermöglicht die Verwendung der neuen HTML5-Attribute unter anderem <h:inputText>.

    <h:inputText type="date" value="#{bean.date}" />

    Siehe auch

    • Danke @BalusC 🙂
    • Mit JSF2.2 die Verwendung des jsf -: Wert nicht korrekt wiedergegeben. Die endgültige HTML-render ist genau mit jsf:value-Attribut - <input jsf:value="1">
    • Das ist seltsam, ich habe bereits JSF-version 2.2.8 in pom.xml (org.glassfish / javax.Gesichter / 2.2.8)
    • JSF benötigt type Attribut für die Umstellung auf JSF-Elementen zu arbeiten: <input type="text" jsf:value="1">
    • Hallo, ich habe gerade angewendet <html xmlns:jsf="http://xmlns.jcp.org/jsf"><input type="date" jsf:value="#{bean.date}" /> zu meinem code, und es bindet die Bohne wie erwartet, aber, ist es möglich, die Beibehaltung dieser Mechanismus, der Anzeige des aktuellen Datum (oder Datum für diese Angelegenheit) in der Eingabe, bevor das Formular abgeschickt wird? Dank
    InformationsquelleAutor BalusC
  2. 2

    Anderen Weg (funktioniert nur mit JSF 2.2), ist die Verwendung der f:passThroughAttribute in Ihrem inputText:

    <h:inputText id="yourNumberField" value="#{mainController.myBeautifulNumber}">
    <f:passThroughAttribute name="type" value="number"/>
    <f:passThroughAttribute name="step" value="0.02"/>
</h:inputText>

    Den f: namespace ist der Standard -xmlns:f="http://xmlns.jcp.org/jsf/core".

    • vermeidet zusätzliche Erklärung der a (@BalusC Antwort) oder pt namespace und arbeitet für mich. thx
    InformationsquelleAutor Mateus Viccari
Schreibe einen Kommentar