Primefaces 8 ajax status not hiding after p:dataTable pagination

Question

i have a lazy loaded primefaces 8 datatable as follows:

<p:dataTable value="#{....model}" var="..." rows="20" lazy="true"
                                     paginator="true" paginatorPosition="bottom"
                                     paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     currentPageReportTemplate="{startRecord}-{endRecord} of {totalRecords} records"
                                     emptyMessage="No records found">
....
</p:dataTable>

and ap:ajaxStatus defined as follows:

<p:ajaxStatus onstart="PF('statusDialog').show()" onsuccess="PF('statusDialog').hide()"/>
    <p:dialog widgetVar="statusDialog" modal="false" draggable="false" closable="false" resizable="false"
              showHeader="false"
              styleClass="app-loader-dialog">
        <div id="app-loader" class="app-loader">
            <div class="app-loader-content">
                loading...
            </div>
        </div>
    </p:dialog>

The issue I noticed is that when paginating, the status dialog opens, but it stays open even after the pagination is complete, at which it is expected to hide.

But for other ajax activities such as dependent dropdown, etc. it shows and hides appropriately.

How can i resolve this?

Answer 1

我将数据表包装在 ah:form 中，现在它可以工作了。