使用的技术:
JSF 2
素面
问题陈述 :
我们有一个下拉列表如下 -
<h:selectOneMenu value ="#{bean.value}">
<f:ajax event="change" listener="#{bean.processValue}"
render="{one,two or panel}" /> //render correct id based on approach
<f:selectItem itemValue = "1" itemLabel = "Item 1" />
<f:selectItem itemValue = "2" itemLabel = "Item 2" />
<f:selectItem itemValue = "3" itemLabel = "Item 3" />
<f:selectItem itemValue = "4" itemLabel = "Item 4" />
</h:selectOneMenu>
如果用户选择项目 2,则会显示一个按钮,单击该按钮会打开一个弹出菜单。如果用户选择项目 1 或 3 或 4 ,则会显示另一个按钮,该按钮在单击时触发业务操作。
我们能够获得 AJAX 调用以h:selectOneMenu
使用f:ajax
. 我们正在使用render
的属性f:ajax
这工作正常。
问题是如何在 AJAX 响应上设计两个按钮。
不使用 JSTL 的方法之一:
<h:commandButton id="one" value="Submit" onClick="openPopup" rendered="#{bean.render}">
<h:commandButton id="two" value="Submit" action="#{bean.businessAction}" rendered="#{bean.render}">
where#{bean.render}
将检查单击的项目的值并返回真/假。
使用 JSTL 的方法二:
将两个按钮包裹在同一个 panelGrid 中并仅渲染 panelGrid。在 panelGrid 中使用 JSTL 来控制渲染。
<h:panelGrid id="panel">
<c:choose>
<c:when test = "${itemVlaue == 2}"> // use appropriate EL expression
<!-- render command button 1 to open pop up -->
</c:when>
<c:when test = "${itemVlaue == 1 or 3 or 5 }"> // use appropriate EL expression
<!-- render command button 2 to invoke action -->
</c:when>
</c:choose>
</h:panelGrid>
我在互联网上搜索过,似乎方法一种更正确,因为不建议在 JSF 中使用 JSTL 来控制渲染。
但问题是:
当只使用一个命令按钮时,我们最终会创建两个命令按钮。
另外,如果两个命令按钮只需要一个 id 怎么办。那是任何时候都应该在场的唯一一个。
请指教