Próbuję utworzyć obiekt datatable, który wyświetla blokUI, gdy jest zajęty, i odniosłem największy sukces. Teraz wyszarza się i pokazuje „Ładowanie ...” za każdym razem, gdy klikam jeden z dwóch przycisków poleceń, sortuję dane, klikając nagłówek lub stronę poprzez dane. Kod możesz zobaczyć poniżej.

Problem polega na tym, że po użyciu jednego z przycisków commandButtons (który uruchamia aktualizację ajax na zablokowanym elemencie), kolejne akcje nie wyzwalają blokuUI (dopóki nie odświeżę strony). Na przykład:

Załaduj stronęKliknij nagłówek datatable - blockUI pojawi się, dopóki tabela się nie skończyKliknij jeden z przycisków nawigacyjnych na stronie z danymi - blokUI pojawia się do momentu załadowania stronyKliknij jeden z przycisków polecenia - blockUI pojawia się do momentu zakończenia akcji przyciskuListenerKliknij nagłówek datatable - sortuje tabelę, ale blockUI nie pojawia się.Kliknij jeden z przycisków nawigacyjnych strony z danymi - ładowanie stron, ale blockUI nie pojawia sięKliknij jeden z przycisków commandButtons - działa actionListener i zaktualizuj tabelę, ale blockUI nie pojawia sięOdśwież stronę - wszystko znowu działa poprawnie

Zmiana atrybutu commandButtons 'update = "" na ajax = "false" powoduje, że sortowanie / stronicowanie zawsze wyświetla blokUI, ale przyciski poleceń, aby nigdy nie wyświetlać blokuUI.

Jakieś pomysły?

<div class="buttonDiv">
    <p:commandButton ... update="resultsPanel" id="submitButton" ... />
    ...
    <p:commandButton ... update="resultsPanel" id="resetScenarioButton" ... />
</div>
<p:panel header="Results Grid" id="resultsPanel">
    ...
    <p:dataTable ... id="VAResults" ... >
        ...
    </p:dataTable>
    ....
</p:panel>
<p:blockUI block="resultsPanel" trigger="submitButton, resetScenarioButton, VAResults">
    Loading...
</p:blockUI>