Wie mache ich "p: remoteCommand" um "p: ajaxStatus" auszulösen?

Question

Habe folgendes Problem: Es gibt p: Remotecommand dass faule Lasten p: Datatable nach Laden der Seite, aber die Ladeanzeige von „p: ajaxStatus“ nicht während der Zeit des Ajax-Request ...

gezeigt Wie kann "p: ajaxStatus" auf der Seite angezeigt werden, wenn p: remoteCommand eine Anforderung zum verzögerten Laden der Daten sendet?

-Code auf der Seite:

<h:form id="form"> 

    <p:remoteCommand name="loadLazyData" action="#{crmBackingBean.crmOnControlLazyInit}" autoRun="true" process="@this" update="dtCrmOnControl" /> 

    <p:dataTable id="dtCrmOnControl" var="rowData" value="#{crmBackingBean.crmOnControlLazy}" widgetVar="dtCrmOnControl" rows="#{crmBackingBean.crmDTonControlRows}" paginator="true" ..... lazy="true" > 
     ....................................................... 
    </p:dataTable> 

</h:form> 

Ich verwende Atlas Thema, p: ajaxStatus in seinem ursprünglichen Platz, in template.xhtml befindet:

Danke

<p:ajaxStatus style="width:40px; height:40px; position:fixed; right:30px; bottom:30px; z-index:999999;"> 
    <f:facet name="start"> 
     <i class="fa fa-circle-o-notch fa-spin Green Fs40"></i> 
    </f:facet> 
    <f:facet name="complete"> 
     <h:outputText value="" /> 
    </f:facet> 
</p:ajaxStatus> 

!

Versionen: PrimeFaces 6.0.2; PrimeFaces Atlas Theme 1.1.1; GlassFish 4.1.1 mit JSF 2.2.12 (Mojarra)

Answer 1

Die Lösungen folgt:

Der Tag <p:ajaxStatus> sollte auf der XHTML-Quellseite VOR dem Tag <p:remoteCommand> platziert werden.

Umwelt:

• PrimeFaces 6.0.2
• PrimeFaces Atlas Theme 1.1.1
• Glassfish 4.1.1 mit JSF 2.2.12 (Mojarra)

Answer 2

Es scheint, als ob Sie ein paar wichtige Definitionen verpasst haben. Wie sollte Ihr Status feststellen, dass etwas unternommen wird? Ich nehme an, Sie möchten während des Wartens einen Dialog anzeigen und das Design in ajaxStatus konfigurieren, ist das korrekt?

Wenn ja, empfehle ich Ihnen, einen eigenen Dialog von <p:dialog> zu erstellen und fügen Sie die onstart und onsuccess Attribute zu Ihrem ajaxStatus wie in Primefaces Vitrine beschrieben: http://www.primefaces.org/showcase/ui/ajax/status.xhtml

Es wird so etwas wie

<p:ajaxStatus onstart="PF('statusDialog').show()" onsuccess="PF('statusDialog').hide()" /> 

<p:dialog widgetVar="statusDialog" modal="true" draggable="false" closable="false" resizable="false" showHeader="false"> 
    <p:graphicImage name="waiting_picture.gif" /> 
</p:dialog> 

sein

Sie können diese Lösung problemlos mit einer Datentabelle/einem Paginator kombinieren.

Ich hoffe, das hilft!

EDIT: Warum definieren Sie nicht die Zeilen pro Seite, um Lazy Loading zu unterstützen? http://www.primefaces.org/showcase/ui/data/datatable/paginator.xhtml

EDIT 2: Sie können auch Ihre loadLazyData Methode Start aufrufen:

<p:ajaxStatus onstart="loadLazyData" /> 

oder so etwas wie ...