動態新增項目至選擇的群組元件

AEM Forms 6.5導入了動態新增項目至最適化Forms選擇群組元件(例如CheckBox、選項按鈕和影像清單)的功能。

此功能可在Samples Server上即時使用。搜尋「動態核取方塊」項目卡片,然後按一下「嘗試」

您可以根據您的使用案例,使用視覺編輯器以及程式碼編輯器來新增項目。

使用視覺編輯器: 您可以從函式呼叫或服務呼叫的結果填入選擇群組的項目。例如,您可以使用REST API呼叫的回應來設定選擇群組的項目。

在下面的螢幕截圖中,我們將Loan Periods(years)選項設定為名為getLoanPeriods的服務呼叫的結果。

規則編輯器

使用程式碼編輯器:當您想要根據表單中輸入的值,以動態方式設定選擇群組中的項目時。例如,下列程式碼片段會將核取方塊的項目設定為在「適用性表單」的申請人名稱和配偶欄位中輸入的值。

在程式碼片段中,我們會設定WorkingMembers的項目,這是核取方塊元件。 通過讀取最適化表單的applicantName和配偶文本欄位的值,動態地建立項的陣列

 
 if(MaritalStatus.value=="Married")
  {
WorkingMembers.items =["spouse="+spouse.value,"applicant="+applicantName.value];
  }
else
  {
    WorkingMembers.items =["applicant="+applicantName.value];
  }

提交的資料如下

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

使用規則編輯器新增項目

使用代碼編輯器新增項目

要在您的系統上嘗試,請執行以下操作:

使用代碼編輯器來新增項目

  • 下載資產
  • 開啟Forms和檔案
  • 按一下「建立」 |檔案上傳」,並上傳您在上一步下載的檔案
  • 預覽表單
  • 輸入申請人姓名並選擇要結婚的婚姻狀態
  • 輸入配偶姓名
  • 按「下一步」
  • 如果婚姻狀況已結婚,您應該看到填有申請人姓名和配偶姓名的複選框

使用可視化編輯器來新增項目

注意

假定在埠8080上運行tomcat,在埠4502上運行AEM

本頁內容