问xPages引导Dojo进度栏显示在模式后面-背景

EN

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.resources>
        <xp:script src="/xProgress.js" clientSide="true"></xp:script>
        <xp:dojoModule name="dijit.Dialog"></xp:dojoModule>
        <xp:dojoModule name="dijit.ProgressBar"></xp:dojoModule>
    </xp:this.resources>
    <xp:button value="Test Progress Bar" id="button1">
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="complete" onComplete="progressDlg.hide();">
            <xp:this.action><![CDATA[#{javascript:for(i = 0; i < 100; i++)
{
    print("TEST");
}}]]></xp:this.action>
<xp:this.script><![CDATA[  var progressBar = new dijit.ProgressBar({indeterminate:true, layoutAlign: "left"});

progressDlg = new dijit.Dialog( {
    title:"Please wait... "+"\n" +"Fetching Information.", 
    content: progressBar,
     style: "width: 300px",
     closable: false            //Take this out to show close button
     });
progressDlg.show();]]></xp:this.script>
        </xp:eventHandler></xp:button>

</xp:view>

dojo.require("dijit.ProgressBar");

var xProgress= {
    updateInterval : 750,       //update interval in ms
        
    progressXAgentPath : window.location.href.substring(0, window.location.href.indexOf(".nsf")+4) + "/getProgress.xsp",
    
    timerId : null,
    targetNode : null,
    targetNodeId : null,
    progressBar : null,
    
    start : function() {
        this.targetNode = dojo.byId(this.targetNodeId);
        
        if (this.targetNode==0) {
            alert("Invalid target node specified for xProgress progress bar");
        }
        //setup the dijit progressbar
        if (this.progressBar == null) {
            this.progressBar = new dijit.ProgressBar({id: "myProgressBar",  maximum: 100}, this.targetNode);
        } else {
            this.progressBar.update({
                maximum: 100,
                progress: 0
            });
        }
            
        this.timerId = setInterval( dojo.hitch(xProgress, "update"), this.updateInterval);
    },
    
    stop : function() {
        if (this.timerId != null) {
            clearInterval(this.timerId);
            this.timerId = null;
        }
            
        this.progressBar.update({
            progress: 100
        }); 
    },
    
    update : function() {
        dojo.xhrGet({
            url: this.progressXAgentPath,
            handleAs: "json",
            load: dojo.hitch(xProgress, "dataLoadSuccess"),
            error: dojo.hitch(xProgress, "dataLoadError")
        });
    },
    
    dataLoadSuccess : function(data) {
        this.progressBar.update({
            progress: data.progress
        });     
    },
    
    dataLoadError : function(error) {
        this.targetNode.innerHTML = "An unexpected error occurred: " + error;
    }
}

function updateProgress(to) {
    progressPercentage = to;
    sessionScope.put("progress", to);
}