2

使用的技术：

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 怎么办。那是任何时候都应该在场的唯一一个。

请指教

4

1 回答 1

3

您的 Y 问题在以下方面得到解答：

您的 X 问题回答如下：

<h:selectOneMenu value="#{bean.value}">
   ...
   <f:ajax listener="#{bean.processValue}" render="oneAndOnly" />
</h:selectOneMenu>
...
<h:commandButton id="oneAndOnly" value="Submit"
    onclick="#{bean.render ? 'openPopup();return false;' : ''}"
    action="#{bean.businessAction}">
</h:commandButton>

换句话说，只要让它有条件地渲染返回的 onclick 属性本身false。

于 2018-03-16T08:42:33.310 回答