AJAX 调用清除不相关控件中的值

Question

我正在使用 RichFaces 的 a4j:support 来切换页面上某些控件的可见性。但是，当更改 h:selectOneRadio 按钮 rdoRequestType 时，它​​会清除 a4j:outputPanel 中 ID 为“media”的 txtLibraryServerNumber 和其他控件的值。为什么页面上的一个 AJAX 调用会干扰另一个 AJAX 面板？

我尝试在 selectOneRadio 上的 a4j:support 标记上使用“process”属性，以便将另一个面板中的文本框的值写入 Seam bean，但这没有效果。我到底做错了什么？帮助！我快失去理智了！！

<h:selectOneRadio value="#{webencode.requestType}"
  id="rdoRequestType" styleClass="radio" style="width:295px" layout="pageDirection" >
  <f:selectItem itemValue="program" itemLabel="Series or Individual Program"/>
  <f:selectItem itemValue="promo" itemLabel="Promo" />
  <f:selectItem itemValue="specific" itemLabel="Specific Format Encoding Request"/>
  <a4j:support ajaxSingle="true" event="onclick" reRender="program" process="txtLibraryServerNumber,txtDigitalMediaFileName"/>
</h:selectOneRadio>

<a4j:outputPanel id="program" ajaxRendered="true">
  <s:span rendered="#{('program' == webencode.requestType || 'promo' == webencode.requestType) ? true : false}">
    <h:selectOneMenu value="#{webencode.seriesId}" id="lstSeriesName">
      <f:selectItems value="#{webencode.programItems}"/>
    </h:selectOneMenu>
  </s:span>
  <s:span rendered="#{'specific' == webencode.requestType ? true : false}">
    <h:selectOneMenu value="#{webencode.arrVideoEncodings.get(0).videoEncoding}"
      id="lstSpecificVideoEncoding1" style="width:295px;">
      <f:selectItems value="#{webencode.videoEncodingItems}"/>
    </h:selectOneMenu>
  </s:span>
</a4j:outputPanel>             

<h:selectOneMenu value="#{webencode.inputMediaType}"
  id="lstInputMediaType">
  <f:selectItems value="#{webencode.inputMediaTypeItems}"/>
  <a4j:support ajaxSingle="true" event="onchange" reRender="media" process="lstSeriesName,lstSpecificVideoEncoding1"/>
</h:selectOneMenu>

<a4j:outputPanel id="media" ajaxRendered="true">
  <s:span rendered="#{'Tape Library # or Server ID #' == webencode.inputMediaType ? true : false}">
    <h:inputText id="txtLibraryServerNumber"
      value="#{webencode.libraryServerNumber}" maxlength="50" />
  </s:span>  
  <s:span rendered="#{'Digital Media File Name' == webencode.inputMediaType ? true : false}">
    <h:inputText id="txtDigitalMediaFileName"
      value="#{webencode.digitalMediaFileName}" maxlength="195" /><br />
  </s:span>  
</a4j:outputPanel>

Answer 1

如果您将面板的 UpdateMode 属性设置为“始终”，它将在发生任何回发时进行更新。如果将其设置为“条件”，则仅当其自身的触发器之一导致回发时才会更新。

我不知道这是否会清除您的控件，但这是一个可能的答案，说明为什么一个面板会影响另一个面板。

Answer 2

您的 Webencode bean 的范围是什么？它必须是 Page 或更长，否则每次调用时您的值都会丢失。请记住，如果您不指定范围，则默认为 Request，并且每个 Ajax 调用都是一个 Request。

您的媒体面板始终会刷新，因为您使用 ajaxRendered 属性指定了它，这就像在说“即使我没有被要求重新渲染，无论如何也要重新渲染我”。除非您有充分的理由使用 ajaxRendered （例如，始终像状态消息一样呈现的内容），否则您最好从明确指定要重新渲染的内容开始。

process 属性在这里不是必需的 - 去掉它。

干杯，

D

Answer 3

找到解决方案：非常奇怪，但是在运行 Apache 和 JBoss 的服务器上，需要将 limitToList 属性设置为 true：

<a4j:support ajaxSingle="true" event="onchange" reRender="media" 
     limitToList="true"/>

这确保仅重新呈现指示的控件（在本例中为“媒体”）。仍然不知道为什么服务器上需要它而不是本地主机上需要它。一定是 Apache 的问题以及它如何与 JBoss 通信，但不确定。