如何在XPage上啟用select2的列表框部分刷新多個控件

Question

在我的XPage上，我有一個啟用選擇2的列表框控件。 當所選值更改時，我想更新XPage中的多個其他控件：

<xp:listBox id="listType" value="#{employeeBean.employee.type}">
                    <xp:selectItem itemLabel="Native"></xp:selectItem>
                    <xp:selectItem itemLabel="Expat"></xp:selectItem>
                </xp:listBox>
<xp:scriptBlock id="update">
<xp:this.value><![CDATA[
$(document).ready(
    function(){
        x$("#{id:listType}").select2();
    }
)
$(document).ready(
    function(){
        x$("#{id:listType}").on("change", function(e) {
            XSP.partialRefreshPost("#{id:txtTime}");    
            XSP.partialRefreshPost("#{id:txtTest}");        
        })
    }
)]]></xp:this.value>
</xp:scriptBlock>

以下是項目：

<xp:text escape="true" id="txtTime" value="#{javascript:@Now();}">
                <xp:this.converter>
                    <xp:convertDateTime type="time"></xp:convertDateTime>
                </xp:this.converter>
            </xp:text>
<xp:text escape="true" id="txtTest" value="#{employeeBean.employee.type}">
</xp:text>

我只注意到第一項正在刷新。 我究竟做錯了什么？

Answer 1

使用級聯的部分刷新（第一次完成時從第二個開始）：

XSP.partialRefreshPost("#{id:txtTime}", {
    onComplete: function() {
        XSP.partialRefreshPost("#{id:txtTest}");
    }
});