使用Ajax只更新ui：重复而不是全部表单

Question

我在应用程序中呈现某些数据时遇到一些问题。为了简单起见，我有一个h:form，它包含一个在tbody中带有ui:repeat的表。让我们举个例子（我没有把所有的代码都放进去，因为它太长了）：

<h:form id="sequence-assemblage-form">
    <ui:fragment>
        <table id="table-fils">
            <thead>
                ...
            </thead>
            <tbody>
                <ui:repeat id="fil">
                    <tr>
                        many <td> one after another
                        <ui:fragment>
                            <td>
                                <h:panelGroup id="actionsEditing" rendered="">
                                                        <h:inputHidden id="filHarnaisId" value="#{fil.id}"/>

                                                        <h:commandLink styleClass="icon-20 icon-save" id="save">
                                                            <f:ajax execute="@form" render="" listener="doesAnAction"/>
                                                            <f:ajax execute="@form" render="@form" listener="doesAnotherAction"/>
                                                            <f:ajax execute="@form" render=":integrite-form :message-integrite-panel" onevent="verifierIntegrite"/>
                                                        </h:commandLink>
                                                        <h:commandLink styleClass="icon-20 icon-rollback" id="rollback" action="">
                                                            <f:ajax execute="@this" render="@form" />
                                                        </h:commandLink>
                                                    </h:panelGroup>
                            </td>
                        </ui:fragment>
                    </tr>
                </ui:repeat>
            </tbody>
        </table>
    </ui:fragment>
</h:form>

我的问题是，每次保存时，它都会完整地呈现表单，当我的表包含许多行时（你知道，每次保存时加载一个页面需要花费大约10秒以上的时间），这会导致性能问题。有没有办法这样做？它将只渲染我当前正在编辑的行？

我不知道问题出在f： ajax执行还是f： ajax渲染上，但我需要找出问题所在，并找到性能的解决方案。

祝你今天愉快，谢谢！

编辑：在试图找到解决方案时，我注意到其中一个侦听器更改了我的bean中的一个值，并且需要该值来呈现对触发保存非常重要的脚本（请参见下文）

<h:outputScript rendered="#{fil.modifie}">
    showNoticeChangementDialog();
</h:outputScript>

这些代码行正好在我的ui：重复结束之前，这意味着通过只更新ui：重复，如果我的值被修改，它应该会触发对话框？

我试图用我的ui:repeat的id更改呈现和执行，但它不起作用。




Answer 1

在一位同事和这个特殊答案的帮助下，我设法找到了一个变通方法。

必须包装每个

它看起来像这样：