I have the following issue. Users have to upload excel-files of which the data will be imported into the system.
While uploading the system is checking the data if everything is fine and consistent.
This check can take some time.
I want to have a blockUI so the user can see that the system is still working and I want to show a progress bar.
But the blockUI isn't blocking.
Code: Select all
<div class="card">
<h:form id="hwImportWizardFrm">
<p:growl id="messages" sticky="false" showDetail="true" escape="false" />
<p:panel id="wizardPnl">
<p:wizard flowListener="#{hwimportwiz.onFlowProcess}" backLabel="Zurück" nextLabel="Weiter" effect="slide" effectDuration="250">
<p:tab id="command" title="Command" titleStyleClass="#{hwimportwiz.loggedIn ? 'comLogin' : 'comNotLogin'}">
<p:panel id="logindaten" header="Logindaten">
<!-- things -->
</p:panel>
</p:tab>
<p:tab id="file" title="Datei">
<p:panel id="quelldaten" header="Quelldaten">
<p:messages />
<h:panelGrid columns="2" columnClasses="label, value">
<h:outputText value="Auswahl" />
<p:fileUpload label="Datei auswahl" mode="simple" multiple="false" auto="true" allowTypes="/(\.|\/)(xlsx?m?|csv)$/"
invalidFileMessage="nur xls | xlsx | csv | erlaubt" update="messages tablePanel quelldaten"
listener="#{hwimportwiz.handleFileUpload}" skinSimple="true" id="fileUpBtn" onstart="PF('fileReadBlock').block()"
oncomplete="PF('fileReadBlock').unblock()" />
</h:panelGrid>
</p:panel>
</p:tab>
<p:tab id="specification" title="Vorgaben">
<p:panel header="Importvorgaben">
<!-- things -->
</p:panel>
</p:tab>
<p:tab id="summary" title="Zusammenfassung">
<p:panel header="Zusammenfassung">
<!-- things -->
</p:panel>
</p:tab>
</p:wizard>
</p:panel>
<pe:blockUI widgetVar="fileReadBlock" block="tablePanel">
<em class="fa fa-spinner fa-spin"></em>
</pe:blockUI>
</h:form>
</div>
I don't know what to do furthermore.