如何使用「全選」選項選擇複選框組的所有值 - lotus Xpages

Question

我正在使用我的Xpages應用程序。我有一個複選框組。可以有人幫助找到一種方式來選擇所有選項的複選框組通過選擇所有選項。或任何workarround

Answer 1

您已經用xpages-ssjs標記了問題，所以我有一個解決方案，雖然做這個客戶端會更有效率。客戶端解決方案可以找到here。

<xp:panel id="root"> 
     <xp:checkBoxGroup id="checkBoxGroup1"> 
      <xp:selectItem itemLabel="Option A" itemValue="1"></xp:selectItem> 
      <xp:selectItem itemLabel="Option B" itemValue="2"></xp:selectItem> 
      <xp:selectItem itemLabel="Option C" itemValue="3"></xp:selectItem> 
      <xp:selectItem itemLabel="Option D" itemValue="4"></xp:selectItem> 
     </xp:checkBoxGroup> 
     <xp:button value="Check all" id="button1"> 
      <xp:eventHandler event="onclick" submit="true" 
       execId="panel" refreshMode="partial" refreshId="root"> 
       <xp:this.action> 
        <xp:executeScript> 
         <xp:this.script><![CDATA[#{javascript: 
      var group = getComponent("checkBoxGroup1") 
      var checkboxChildren = group.getChildren(); 
      var values = new Array(); 
      for (i = 0; i < checkboxChildren.length; i++){ 
       values.push( checkboxChildren[i].getItemValue()) ; 
      } 
      getComponent("checkBoxGroup1").setValue(values); 

}]]></xp:this.script> 
        </xp:executeScript> 
       </xp:this.action> 
      </xp:eventHandler> 
     </xp:button> 
    </xp:panel>