如何减少p：ajax的请求有效载荷p：dataTable分页

Question

我正在使用带有Primefaces 5.1的JSF 2.2。有一个可编辑的primefaces数据表，启用了分页功能。

            <p:dataTable editMode="row" 
                         editable="true" 
                         value="#{usersBean.users}" 
                         var="user" paginator="true" rows="20">

                <p:ajax event="rowEditInit" onstart="handleRowEditInit(event,this);"/>

                <p:column>
                    <p:rowEditor/>
                </p:column>
                <p:column headerText="Real name">
                    <p:cellEditor rendered="true">
                        <f:facet name="input">
                            <p:inputText value="#{user.realName}"/>
      </f:facet>
                            <f:facet name="output">
                                <h:outputText value="#{user.realName}"/>
                            </f:facet>
</p:cellEditor>
                </p:column>
                <p:column headerText="User name">
                    <p:cellEditor>
                        <f:facet name="input">
                            <p:inputText value="#{user.userName}"/>
                        </f:facet>
                        <f:facet name="output">
                            <h:outputText value="#{user.userName}"/>
                        </f:facet>
                    </p:cellEditor>
                </p:column>
            </p:dataTable>

每次更改页面时，数据表都会使用当前页面的所有数据执行AJAX POST。正如您可以在下面的图像中看到的那样。

对于包含大量数据的大型表，这会产生巨大的请求。这不是必要的吗？有没有办法改变这种行为？

Answer 1

实际上，当您使用HTML提交表单时，默认情况下，每个HTML输入元素都将作为请求参数发送。 PrimeFaces ajax组件因此提供partialSubmit="true"属性，然后将仅发送process属性所涵盖的HTML输入元素，该属性默认为<p:ajax>到{{1在} @this到<p:commandXxx>。

因此，只需将其添加到数据表中以便优化分页性能：

@form

并将其添加到任何命令按钮，该按钮只需要访问数据表中的当前行（例如，在对话框中显示它）以优化操作处理性能：

<p:ajax event="page" partialSubmit="true" />

您也可以通过以下<p:commandButton ... process="@this" partialSubmit="true" /> 中的上下文参数全局配置它：

web.xml

然后，如果您确实需要完整提交，请明确使用<context-param> <param-name>primefaces.SUBMIT</param-name> <param-value>partial</param-value> </context-param> 。