Question

사과 하시겠지만 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> 

나는 내 웹 응용 프로그램에 아닌 대화를 통해 스핀을 추가 관리 할 수 ​​있습니다.

몇 가지 코드 예를 들어 주시면 감사하겠습니다.

Answer 1

당신이 대화에 로딩 이미지를 추가하고 원하는 모든 당신은 왜 자기 Ajaxload - Ajax loading gif generator)

및 <h:graphicImage 그것을 보여 간단한 사용 ...로 간단한 gif(can get one from google 또는 생성을 넣지 않으면

JSF 2 GraphicImage Example

?