この質問で申し訳ありませんが、JavaScript に関する私の知識はごくわずかです。
ユーザーがボタンを押すと、ダイアログがポップアップするので、spin.js をダイアログに追加します。
ダイアログ jsf ファイル:
<script type="text/javascript">
function showStatus() {
document.body.style.cursor = 'wait';
statusDialog.show();
}
function hideStatus() {
document.body.style.cursor = 'default';
statusDialog.hide();
}
</script>
<p:commandButton id="genButton"
value="Generate Files"
widgetVar="startButton1"
disabled="#{נean.disableButton}"
actionListener="#{bean.generateUdm}"
onclick="PrimeFaces.monitorDownload(showStatus, hideStatus)"
ajax="false"
style="width:200px"
icon="ui-icon-shuffle">
<p:fileDownload value="#{bean.streamedContent}"/>
</p:commandButton>
<p:dialog modal="true" header="Generating fILE" showHeader="true"
position="center"
widgetVar="statusDialog"
draggable="false"
closable="false"
resizable="false">
????????????? ADD SPIN ???????????
</p:dialog>
ダイアログ経由ではなく、Webアプリにスピンを追加することができました。
コード例を入手していただければ幸いです。