如何在JSF中隐藏/显示selectOneMenu？
提问于 2015-06-22 20:53:21
我有一个inputText和一个selectOneRadio组件，当表单加载selectOneRadio应该被隐藏时。当用户选择inputText时，我希望显示selectOneRadio组件。我已经将selectOneRadio隐藏在@PostConstruct中，它应该显示在选择inputText上。
<h:panelGrid id="panelgrid">
<p:panel id="panel" >
<h:outputLabel value="Name: " for="name" />
<p:inputText id="name" value="#{userBean.name}" immediate="true">
<p:ajax event="onselect" update="city" listener="#{userBean.showName}" />
</p:inputText>
<p:selectOneRadio id="city" value="#{userBean.city}" layout="grid" columns="3" rendered="#{userBean.displayName}" >
<f:selectItems value="#{userBean.cities}" var="c" itemLabel="#{city}" itemValue="#{city}" />
</p:selectOneRadio>
</p:panel>
</h:panelGrid>bean代码类似于：
@PostConstruct
public void init() {
displayName = false;
}
public boolean isShowName() {
return true;
}
...但有些人认为这是行不通的。我正在使用带有PrimeFaces5.2的JSF2.0。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-22 22:48:55
我找到了解决办法。
<h:form id="frm">
<h:panelGrid id="panelgrid">
<p:panel id="panel" >
<h:outputLabel value="Name: " for="name" />
<p:inputText id="name" value="#{userBean.name}" immediate="true" onkeypress="#{userBean.showName}">
<p:ajax event="change" update="frm:panelgrid" listener="#{userBean.inputcangeeListener}" />
</p:inputText>
</p:panel>
<p:panel id="p2" rendered="#{userBean.displayName}">
<p:selectOneRadio id="city" value="#{userBean.city}" layout="grid" columns="3">
<f:selectItems value="#{userBean.cities}" var="c" itemLabel="#{city}" itemValue="#{city}" />
</p:selectOneRadio>
</p:panel>
</h:panelGrid>
</h:form>我的托管豆子看起来-
@PostConstruct
public void init() {
displayName = false;
}
public boolean isShowName(){
return displayName;
}
public void inputcangeeListener(javax.faces.event.AjaxBehaviorEvent changeEvent){
setDisplayName(true);
cities = new ArrayList<>();
cities.add("pune");
cities.add("KOL");
}谢谢你的回应。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30994086
复制
腾讯云开发者
