JSF Ajax 在更改时重新渲染 <h:textInput ...>

Question

我正在尝试让 h:textInput 在更改时重新呈现，我已尝试使用 a4j:ajax 和 f:ajax。

使用 a4j:ajax 时：

<h:panelGroup id="xyzPG">

<ui:repeat var="var" ... >
   ...
  <h:inputText id="#{idController.getIdXYZ(var.id)}" 
   value="#{someModel.value}" 
   size="3" 
   styleClass="#{errorController.getErrorStateStyleId(idController.getIdXYZ())}">
   <a4j:ajax event="change" render="xyzPG" listener="#{listener.doSomeStuff}" />
  </h:inputText> 
  ...
</ui:repeat>  
</h:panelGroup>

这是第一次工作，在面板第一次更新后它停止更新模型并且侦听器也没有被调用。然而，渲染被触发，导致显示旧值。

现在，当我将 a4j:ajax 替换为 f:ajax 时，我收到错误消息，指出在 xyzInput 中找不到 id xyzPG。

<f:ajax event="change" render="@this" listener="#{listener.doSomeStuff}" />

当我尝试将重新渲染限制为 inputText 时，它总是会更新模型并调用侦听器，但是不会重新渲染 h:inputText。

我已经尝试在 inputText 周围放置另一个 panelGroup，但这也没有用。

我们不使用 h:dataTable 的原因是因为我们必须生成一个具有以下布局的 Table：

---------------------------- 
| dataSet1     | dataSet 2 |
----------------------------
| dataSet3     | dataSet 4 |
etc...

因此我们使用 ui:repeat 的 offset 和 step 属性。

Answer 1

没有看到你的支持 bean 代码，我认为你应该使用

<h:inputText id="#{idController.idXYZ}"

而不是

<h:inputText id="#{idController.getIdXYZ()}" 

Answer 2

1. 根据设计，您不能使用像<ui:repeat/> 这样的渲染时标签动态生成id 属性

• Compile-time V Render-time tags

  出于视图构造和 ajax 更新的目的，组件的ids 必须在视图构造期间在呈现视图之前可用。 <ui:repeat/> 已经满足了它的子组件的唯一性。但是，如果您需要控制 id，则需要使用编译时标记处理程序，例如 <c:forEach/>:

    <c:forEach items="#{idController.itemsList}" var="theVar">
       <h:inputText id="#{idController.getIdXYZ(theVar.id)}" value="#{someModel.value}" size="3" styleClass="#{errorController.getErrorStateStyleId(idController.getIdXYZ())}">
           <a4j:ajax event="change" render="xyzPG" listener="#{listener.doSomeStuff}" />
       </h:inputText> 
    <c:forEach/>
  

1. 您不太可能从<ui:repeat/> 中访问xyzPG，因为<ui:repeat/> 也是一个命名容器，就像<h:panelGrid/> 等等。 ajax 更新适用于 Richfaces，因为它们为此类用例做出了特殊规定。 <f:ajax/> 但是不会容忍它。 xyzPG 超出了 <ui:repeat/> 的范围，因此要访问该组件，您需要使用合格的命名约定：

     <f:ajax event="change" render=":form1:xyzPG" listener="#{listener.doSomeStuff}"/>
   

这假定xyzPG 直接包含在<h:form id="form1"/> 中