Ajax按钮并在Primefaces DataScroller中呈现？

Question

我有一个Primefaces[ ][2]，用于显示延迟加载项的列表。我的JSF代码如下所示：

<p:dataScroller id="scroller" value="#{myAction.myDataModel}" var="item" lazy="true" chunkSize="10">
  <section>
    <h3>Here is my item : <h:outputText value="#{item.name}" /></h3>
  </section>
</p:dataScroller>

这段代码没有问题。我的支持代码能够根据需要从数据库中延迟加载项，而不是一次将它们全部拉出并在客户端分页。但是，现在我想在datascroller中添加 并执行Ajax提交，但只重新呈现单击的项。我的支持操作将更新我的项目的状态，并且我将根据这个状态显示一个不同的消息。我想我可以做这样的事情：

<p:dataScroller id="scroller" value="#{myAction.myDataModel}" var="item" lazy="true" chunkSize="10">
  <section>
    <h:panelGroup id="#{item.name}" layout="block">
        <h3>Here is my item : <h:outputText value="#{item.name}" /></h3>
        <h:commandLink action="#{myAction.foo()}" value="Click here">
           <f:ajax render="#{item.name}" />
        </h:commandLink
    </h:panelGroup>
  </section>
</p:dataScroller>

...但是，我现在了解到在JSF中不能有动态ID，因此 的呈现失败。我可以将 的render属性值设置为我的JSF表单，但这将从头重新呈现所有内容，这不是所希望的行为。

如果我的 中显示了100个项目，并且我单击了项目30上的链接，有没有办法只呈现该项目？有更好的方法来处理这个用例吗？还是我完全卡住了？

Answer 1

您不需要动态ID。您可以使用PrimeFaces选择器，这是专门为这种情况设计的。因此您可以引用家长、按类列出的项目或其他内容。完整的jquery选择器api可供您使用，非常灵活！只是不确定它是否与h：commandButton和f：ajax一起工作（可能h：commandButton和p：ajax一起工作）。但可以肯定的是

<p:commandButton update="@(:parent)" value="update parent" />