0

我正在尝试创建一个简单的 jsf 页面，其中有一个下拉列表，其值决定了要呈现的标签。最初，所有标签的渲染都通过支持 bean 构造函数设置为 false。但是我调用了 submit onchange，它将标签的相应值设置为 true。我已将支持 bean 的范围设置为会话，以便设置的值不会在更改时被删除。但是，标签不会在更改时呈现。下面是jsf页面的代码片段：

<h:form>

    <h:panelGroup>
    <h:outputLabel styleClass="captionOutputField" value="Select Report Type:" />
<h:selectOneMenu id="selectedMenu" onchange="submit()" valueChangeListener="#{ReportHealth.typeSelectDropDownChange}">
        <f:selectItem itemLabel="" itemValue="empty" />
        <f:selectItem itemLabel="daily" itemValue="daily" />
        <f:selectItem itemLabel="weekly" itemValue="weekly" />
        <f:selectItem itemLabel="monthly" itemValue="monthly" />
</h:selectOneMenu>
<h:panelGroup rendered="#{ReportHealth.daily}">
    <h3>MENU 0</h3>
</h:panelGroup>
<h:panelGroup rendered="#{ReportHealth.weekly}">
    <h3>MENU 1</h3>
</h:panelGroup>
    <h:panelGroup rendered="#{ReportHealth.monthly}">
    <h3>MENU 2</h3>
</h:panelGroup>

这是支持bean：

public class ReportHealth implements Serializable{

private static final long serialVersionUID = 1L;

private boolean weekly;
private boolean monthly;
private boolean daily;
private String menuValue;



public ReportHealth() {
    weekly = false;
    monthly = false;
    daily = false;
}

public String getMenuValue() {
    return menuValue;
}

public void setMenuValue(String menuValue) {
    this.menuValue = menuValue;
}

public boolean isWeekly() {
    return weekly;
}

public void setWeekly(boolean weekly) {
    this.weekly = weekly;
}

public boolean isMonthly() {
    return monthly;
}

public void setMonthly(boolean monthly) {
    this.monthly = monthly;
}

public boolean isDaily() {
    return daily;
}

public void setDaily(boolean daily) {
    this.daily = daily;
}

public void typeSelectDropDownChange(ValueChangeEvent e)
{
    String typeSelectVal = e.getNewValue().toString();
    if(typeSelectVal!=null && typeSelectVal.equalsIgnoreCase("daily"))
    {
        setDaily(true);
        setWeekly(false);
        setMonthly(false);
    }
    else if(typeSelectVal!=null && typeSelectVal.equalsIgnoreCase("weekly"))
    {
        setDaily(false);
        setWeekly(true);
        setMonthly(false);
    }
    else if(typeSelectVal!=null && typeSelectVal.equalsIgnoreCase("monthly"))
    {
        setDaily(false);
        setWeekly(false);
        setMonthly(true);
    }
    else
    {
        setDaily(false);
        setWeekly(false);
        setMonthly(false);
    }
}


}
4

2 回答 2

0

我不明白你为什么使用如此复杂的代码来完成简单的任务。这是你需要的

<h:form>
 <h:panelGroup>
 <h:outputLabel styleClass="captionOutputField" value="Select Report Type:"/>
<h:selectOneMenu id="selectedMenu" value="#{reportHealth.menuValue}">
    <f:selectItem itemLabel="" itemValue="empty" />
    <f:selectItem itemLabel="daily" itemValue="daily" />
    <f:selectItem itemLabel="weekly" itemValue="weekly" />
    <f:selectItem itemLabel="monthly" itemValue="monthly" />
    <f:ajax render="@form">
                    </f:ajax>
 </h:selectOneMenu>
 <h:panelGroup rendered="#{reportHealth.menuValue eq 'daily'}">
  <h3>MENU 0</h3>
 </h:panelGroup>
 <h:panelGroup rendered="#{reportHealth.menuValue eq 'weekly'}">
  <h3>MENU 1</h3>
 </h:panelGroup>
 <h:panelGroup rendered="#{reportHealth.menuValue eq 'monthly'}">
  <h3>MENU 2</h3>
 </h:panelGroup>
 </h:panelGroup>
</h:form>

和 Bean 将是

@ManagedBean
@ViewScoped
public class ReportHealth implements Serializable{

 private static final long serialVersionUID = 1L;

 private String menuValue;

 public String getMenuValue() {
    return menuValue;
 }

 public void setMenuValue(String menuValue) {
    this.menuValue = menuValue;
 }

}
于 2016-02-19T16:55:24.783 回答
0

我发现我的代码出了什么问题。而不是将标签放在<H3>标签中。我需要把它放在<h:outputText>标签中。

于 2016-02-24T07:28:43.153 回答