javascript - 如何使用 xpage 上启用 select2 的列表框部分刷新多个控件

Question

在我的 XPage 上，我有一个启用了 Select 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}");
    }
});