在 MyFaces 1.1.1 中渲染元素

Question

我正在尝试创建一个简单的 jsf 页面，其中有一个下拉菜单，其值决定要呈现的标签。最初，所有标签的渲染都通过支持 bean 构造函数设置为 false。但是我调用了 submit onchange，它将标签的相应值设置为 true。我已将支持 bean 的范围设置为 session，以便设置的值不会在更改时被删除。但是标签不会在更改时呈现。以下是 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);
    }
}


}

Answer 1

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

<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;
 }

}

Answer 2

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

在 MyFaces 1.1.1 中渲染元素

Rendering elements in MyFaces 1.1.1

jsf

valuechangelistener

rendered-attribute

jsf-1.1

conditional-rendering