Wie partielle Aktualisierung mehrerer Steuerelemente mit select2 aktiviert Listbox auf xpage

Question

Auf meiner XPage habe ich eine Listbox-Steuerelement, das Select 2 aktiviert ist. Wenn die ausgewählten Wertänderungen ich mehrere andere Steuerelemente in meinem XPage aktualisieren möchten:

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

Hier sind die Artikel:

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

ich nur das erste Element feststellen, aufgefrischt. Was mache ich falsch?

Answer 1

Verwenden Teil Auffrischungen kaskadiert (zweite starten, wenn zuerst fertig):

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