Wie laden einer JSF-Seite von einem ValueChangeEvent?

Können Sie nicht gehen, um einen Schuss von Javascript für diese. Im Grunde müssen Sie die Javascript-die Anfrage an der server-Seite. In einer HTML - <select> element (die erzeugt wurden durch die JSF -h:selectOneMenu) können Sie am besten die onchange - Attribut für diesen. Jeder JS, die Sie Anhängen, um dieses Ereignis wird aufgerufen, wenn der Benutzer ändert den Wert des Elements.

<h:selectOneMenu onchange="this.form.submit();">

oder wenn du zu faul bist in dem schreiben, das Kürzel ist auch richtig:

<h:selectOneMenu onchange="submit()">

Diese senden das Formular in Kombination mit dem firstnext HTML input type="submit" - element in der gleichen form (die erzeugt wurden durch die JSF -h:commandButton).

<h:form>
    <h:selectOneMenu value="#{bean.page}" onchange="submit()" required="true">
        <f:selectItem itemLabel="Select page.." />
        <f:selectItems value="#{bean.pages}" />
    </h:selectOneMenu>
    <h:commandButton value="submit" action="#{bean.submit}" />
    <h:commandButton value="other" action="#{bean.other}" /> <!-- won't be submitted -->
</h:form>

Benötigen Sie zum schreiben von Logik in der action-Methode, welche bewirkt, dass die navigation Aktion, wie definiert in faces-config.xml zu erfolgen. Beispiel:

public String submit() {
    return this.page;
}

Wenn Sie nicht verwenden möchten commandButton, dann können Sie auch gehen, mit Missbrauch des valueChangeListener:

<h:form>
    <h:selectOneMenu value="#{bean.page}" onchange="submit()"
        valueChangeListener="#{bean.change}" required="true">
        <f:selectItem itemLabel="Select page.." />
        <f:selectItems value="#{bean.pages}" />
    </h:selectOneMenu>
</h:form>

In der Bohne, die Sie dann haben:

public void change(ValueChangeEvent event) {
    String page = (String) event.getNewValue(); //Must however be the exact page URL. E.g. "contact.jsf".
    FacesContext.getCurrentInstance().getExternalContext().redirect(page);
}

Alternativ, wenn Sie bereits die gewünschten URL ' s als f:selectItem Werte, dann können Sie auch gehen, mit nur JS und keine bean-Aktionen:

<h:selectOneMenu value="#{bean.page}"
    onchange="window.location = this.options[this.selectedIndex].value">
    <f:selectItem itemLabel="Select page.." />
    <f:selectItem itemLabel="home" itemValue="home.jsf" />
    <f:selectItem itemLabel="faq" itemValue="faq.jsf" />
    <f:selectItem itemLabel="contact" itemValue="contact.jsf" />
</h:selectOneMenu>

InformationsquelleAutor BalusC