在不提交表单的情况下更改侦听器

Question

我有一个列表框，我想捕捉选择的变化，以便根据它填充另一个列表框。我尝试了以下方式：

<h:selectOneMenu id="comunitaValle" value="#{struttura.nomeComunitaDiValle}" 
     onchange="submit()" valueChangeListener="#{struttura.getComuniInComunita}">
<f:selectItems value="#{struttura.comunitaValleList}" />
</h:selectOneMenu>

它工作正常，但是在这个页面中还有其他参数标记为

required="true"

当提交表单时，我会收到控制这些字段已设置的错误消息。如何避免提交整个表单以避免这种情况发生并且仍然在 2 个列表框上保持正确的行为？

编辑：

根据https://stackoverflow.com/a/4802483/2492962，我已经找到了一种解决方案（不知道是不是最好的）：

<h:selectOneMenu id="comunitaValle" value="#{struttura.nomeComunitaDiValle}" 
      valueChangeListener="#{struttura.getComuniInComunita}" immediate="true">
<a4j:support event="onchange" reRender="cap"/>
<f:selectItems value="#{struttura.comunitaValleList}" />
</h:selectOneMenu>

可以吗？ JBoss 显示警告消息：

INFO  [lifecycle] WARNING: FacesMessage(s) have been enqueued, but may not have been displayed.

但刷新似乎没问题。

Answer 1

根据https://stackoverflow.com/a/4802483/2492962，我已经找到了一种解决方案（不知道是不是最好的）：

<h:selectOneMenu id="comunitaValle" value="#{struttura.nomeComunitaDiValle}" 
      valueChangeListener="#{struttura.getComuniInComunita}" immediate="true">
<a4j:support event="onchange" reRender="cap"/>
<f:selectItems value="#{struttura.comunitaValleList}" />
</h:selectOneMenu>

<h:selectOneMenu id="cap" value="#{struttura.cap}"  >
<f:selectItems value="#{struttura.comuneIstatCapList}" />
</h:selectOneMenu>

Answer 2

假设你的 JSF 看起来像这样：

<h:selectOneMenu id="comunitaValle" value="#{struttura.nomeComunitaDiValle}">
   <f:ajax listener="#{struttura.getComuniInComunita}" 
           execute="@this" render="myListBox" />   
   <f:selectItems value="#{struttura.comunitaValleList}" />
</h:selectOneMenu>

<h:selectManyListbox id="myListBox" value="#{struttura.backingValueList}">
   <f:selectItems value="#{struttura.listBoxValues}" var="val" 
                  itemLabel="#{val.name}" />
</h:selectManyListbox>

然后，您的支持 bean 需要一个接受 javax.faces.event.AjaxBehaviorEvent 参数的方法 getComuniInComunita（有关详细信息，请参阅 reference）。

execute 属性将导致 JSF 仅在调用 listener 方法之前更新/验证选择菜单。由于您的选择菜单仅控制列表框，因此您可以在侦听器方法完成后提供特定的组件 id 进行更新。

Answer 3

这是 JSF1.2 的解决方案，使用 Richfaces3.3 <a4j:support>：

<a4j:region>
  <h:selectOneMenu id="comunitaValle" value="#{struttura.nomeComunitaDiValle}">
     <a4j:support event="onchange" action="#{struttura.getComuniInComunita}" 
             ajaxSingle="true" reRender="myListBox" limitToList="true" />   
     <f:selectItems value="#{struttura.comunitaValleList}" />
  </h:selectOneMenu>

  <h:selectManyListbox id="myListBox" value="#{struttura.backingValueList}">
     <f:selectItems value="#{struttura.listBoxValues}" var="val" 
                    itemLabel="#{val.name}" />
  </h:selectManyListbox>
</a4j:region>

这是我最接近复制 JSF-2 的方法。 <a4j:region> 使我们能够将处理限制为页面的子集（类似于 JSF-2 中的 execute 属性）。

此外，您可能会发现 Richfaces architecture overview 很有帮助。