xpages - 如何正确对 Xpages 中的多个项目进行部分刷新

Question

我已经阅读了许多关于对多个元素进行部分刷新的博客文章，但我似乎无法让它工作。

我制作了一个“玩具”示例，一个带有两个字段和一个按钮的 Xpage。这两个字段都绑定(bind)到 sessionScope 计数器。该按钮会增加计数器并在包含的面板上进行部分刷新。

我想对第一个字段进行部分刷新，该字段不在面板中[在我真实的 Xpage 中，表单上的两个字段相距很远。

尝试了许多不同的方法来使其发挥作用，但没有任何效果。甚至可以做到这一点吗？

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex"
    xmlns:xc="http://www.ibm.com/xsp/custom"
    style="background-position:center left"
    xmlns:on="http://www.openntf.org/domino/xsp" viewState="nostate"
    xmlns:debug="http://www.openntf.org/xsp/debugtoolbar">

    First Var<br></br>

    <xp:text escape="true" id="computedField1" value="#{sessionScope.number}">
    </xp:text>

        <br></br>
        <xp:br></xp:br>
        <br></br>

    Second Var<xp:panel id="pnl1">
        <xp:text escape="true" id="computedField2" value="#{sessionScope.number}">
        </xp:text>
        <br></br>
        <br></br>
        <xp:button value="Label" id="button1">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="partial" refreshId="pnl1" execMode="partial"
                execId="pnl1">
                <xp:this.action><![CDATA[#{javascript:var t = sessionScope.number + 1;
sessionScope.number = t;}]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
    </xp:panel>

</xp:view>

阅读克努特的链接并使其发挥作用。我对按钮的事件处理程序进行了更改，它起作用了。这是代码:

            <xp:eventHandler event="onclick" submit="true"
                refreshMode="partial" refreshId="pnl1" execMode="partial"
                execId="pnl1">
                <xp:this.action><![CDATA[#{javascript:var t = sessionScope.number + 1;
sessionScope.number = t;}]]></xp:this.action>
                <xp:this.onComplete><![CDATA[XSP.partialRefreshPost("#{id:computedField1}");]]></xp:this.onComplete>
            </xp:eventHandler>

Answer 1

使用 XSP.partialRefreshPost(): http://avatar.red-pill.mobi/tim/blog.nsf/d6plinks/TTRY-84B6VP