JSF/PrimeFaces selectOneMenu更改url参数并重定向

Question

我正在使用JSF2和PrimeFaces。我如何编写selectOneMenu，当用户更改菜单中的选项时，调用JSF导航将用户重定向到同一个页面，但参数不同？我只需要换颜色。

来自网址：

    <f:metadata>
        <f:viewParam name="vehicle" value="#{myViewController.vehicle}"/>
        <f:viewParam name="vehicle" value="#{myViewController.color}"/>
    </f:metadata>

MyView。xhtml：（无工作）

    <h:form id="selectOneMenuEdition">
    <p:selectOneMenu id="selectOneMenuHeader"
                     value="#{selectOneMenuHeader.outcome}" >
        <f:selectItem itemValue="viewVehicles.xhtml?vehicle=#{myViewController.vehicle}&amp;color=red" itemLabel="Vehicle red " />
        <f:selectItem itemValue="viewVehicles.xhtml?vehicle=#{myViewController.vehicle}&amp;color=blue" itemLabel="Vehicle blue" />
        <p:ajax event="change" listener="#{selectOneMenuHeader.navigate}" />
    </p:selectOneMenu>
    </h:form>

ManagedBean：

private String outcome;

public void navigate() throws IOException {
    FacesContext.getCurrentInstance().getExternalContext().redirect(outcome);
}

Answer 1

您的<代码>

然后，您可以创建自己的URL，用所需的参数重定向用户。

示例（bean）：

public void navigate() throws IOException {
    String url = "yourPage.jsf?color=" + outcome;
    FacesContext.getCurrentInstance().getExternalContext().redirect(url);
}

第二种解决方案是添加一个javascript onchange事件，通过使用当前选择的选项重定向用户。

示例（香草JS）：

onchange="document.location.href='yourPage' + this.options[this.selectedIndex].value;"