將專案動態新增至選擇群組元件

AEM Forms 6.5匯入動態新增專案至最適化Forms選擇群組元件(例如核取方塊、選項按鈕和影像清單)的功能。

您可以根據使用案例,使用視覺化編輯器和程式碼編輯器新增專案。

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

在下方熒幕擷圖中,我們將Loan Period(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和檔案
  • 按一下「建立」 | 「檔案上傳」並上傳您在上一步中下載的檔案
  • 預覽表單
  • 輸入應徵者名稱,並選取已婚者的婚姻狀況
  • 輸入配偶姓名
  • 按「下一步」
  • 若婚姻狀況已婚,您應該看到已填入申請人名稱與配偶名稱的核取方塊

使用視覺化編輯器新增專案

NOTE
我們假定tomcat是在連線埠8080上執行,而AEM是在連線埠4502上執行
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e