Question

为这个问题道歉，但我对JavaScript的了解非常少。

用户按下按钮后会弹出一个对话框，所以我想将spin.js添加到对话框中。

Dialog 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>

我设法将旋转添加到我的网络应用程序，但不是通过对话框。

我希望得到一些代码示例。

Answer 1

如果你想要的只是将加载图片添加到对话框中，为什么不放一个简单的gif (can get one from google或者自己生成一个Ajaxload - Ajax loading gif generator）

并使用简单的<h:graphicImage来展示它......

JSF 2 GraphicImage Example

如何将spin.js添加到对话框中

1 个答案: