XPages 进度条在服务器页面持久性设置“将页面保留在内存中”时无法按预期工作

Posted

技术标签:

【中文标题】XPages 进度条在服务器页面持久性设置“将页面保留在内存中”时无法按预期工作【英文标题】:XPages progressbar not working as expected with server page persistence setting "keep pages in memory" 【发布时间】:2015-08-11 10:40:29 【问题描述】:

我想使用 Mark Leusnik(感谢他)非常好的 ProgressBar 实现。不幸的是,该实现对我不起作用。

经过一番调查,我找到了我的麻烦的原因:在我的xpage应用程序中,我有服务器页面持久性设置keep pages in memory。在 Mark Leusnik 的 Demo App 中,设置为 keep pages on disk。我不知道,为什么这个设置会影响进度条的运行时行为?

设置keep pages on disk一切正常:


很遗憾没有设置keep pages in memory


提前感谢您提供任何解决方案、解决方法或替代方案!

【问题讨论】:

我找到了一种解决方法 (xsp.session.transient=true) 但对我来说不可行,因为我认为此设置对我的整个应用程序有意想不到的影响。 【参考方案1】:

工作解决方案(但欢迎其他解决方案、想法等用于长时间运行的代码进度条)

经过进一步调查,我发现了一个独立于服务器页面持久性设置 (keep pages in memory/ keep pages on disk) 的完美解决方案。

我的解决方案的关键点是为服务器端任务实现一个额外的 XAgent,而不是在按钮的onClick-Event 内运行代码。此外,此 XAgent 将在进度条的启动例程中“启动”(dojo.xhrGet)。

在 Mark Leusnik 的 solution 上,我做了以下更改:


demo.xsp - XPage

<xp:button value="Start a (fake) long running process" 
    id="button1" dojoType="dijit.form.Button">
    <xp:eventHandler event="onclick" submit="false">
        <xp:this.script><![CDATA[xProgress.start();]]></xp:this.script>
    </xp:eventHandler>
</xp:button>

xProgress - 脚本库 (CSJS)

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
        );

    

    dojo.xhrGet(
        url: window.location.href.substring(0, 
                    window.location.href.indexOf(".nsf")+4) + "/export.xsp",
        load: dojo.hitch(xProgress, "stop")
    );

    this.timerId = setInterval( dojo.hitch(xProgress, "update"), this.updateInterval);

,

export.xsp - XAgent(新的)

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" rendered="false">

    <xp:this.afterRenderResponse><![CDATA[#javascript: print("long running code started");
    print( "browser: " + context.getUserAgent().getBrowser() + ", 
    remote IP: " + facesContext.getExternalContext().getRequest().getRemoteAddr());

    updateProgress(0);

    /*java.lang.Thread.sleep(750);
    updateProgress(5);

    java.lang.Thread.sleep(750);
    updateProgress(10);

    java.lang.Thread.sleep(750);
    updateProgress(15);

    java.lang.Thread.sleep(750);
    updateProgress(20);

    java.lang.Thread.sleep(750);
    updateProgress(25);

    java.lang.Thread.sleep(750);
    updateProgress(30);

    java.lang.Thread.sleep(2000);
    updateProgress(50);

    java.lang.Thread.sleep(1500);
    updateProgress(60);

    java.lang.Thread.sleep(1500);
    updateProgress(75);

    java.lang.Thread.sleep(1500);
    updateProgress(80);

    java.lang.Thread.sleep(1500);
    updateProgress(90);

    java.lang.Thread.sleep(1500);
    updateProgress(100);*/

    print("long running code stopped");

    function updateProgress(to) 
        progressPercentage = to;
        synchronized(sessionScope) 
            sessionScope.put("progress", to);
        
    ]]></xp:this.afterRenderResponse>

</xp:view>

【讨论】:

以上是关于XPages 进度条在服务器页面持久性设置“将页面保留在内存中”时无法按预期工作的主要内容,如果未能解决你的问题,请参考以下文章

为啥自定义进度条在android中没有动画?

具有渐变颜色的引导进度条在活动宽度上按比例显示

html定位整个滚动条在页面中的位置

Rails Activestorage + DirectUpload javascript进度条在使用“remote:true”时不显示

在网站中下载的图像的图像进度条在 FF 中无法使用适当的结果

Chromecast-音量进度条在电视上可见,但在我的 android 移动设备上不可见