根據核心元件在最適化表單中建立和使用最適化Forms片段 adaptive-form-fragments

版本
文章連結
AEM as a Cloud Service (核心元件)
本文章
AEM as a Cloud Service (基礎元件)
按一下這裡
AEM 6.5
按一下這裡

雖然每個表單都是為特定目的而設計,但大多數表單中都有一些常見的區段,例如提供個人詳細資訊,例如姓名和地址、家庭詳細資訊、收入詳細資訊。 每次建立新表單時,表單開發人員都必須建立這些通用區段。

最適化Forms提供一種便利的機制,讓您只需建立一次表單區段(例如面板或欄位群組),即可在最適化Forms中重複使用。 這些可重複使用的獨立區段稱為「最適化表單片段」。

表單片段可無縫整合至多種表單,精簡建立一致且專業外觀的表單。 表單片段透過「一次變更,處處反映」功能確保可重複性、標準化和品牌一致性。由於在一處進行的更新會自動傳播到使用這些片段的所有表單,因此可體驗更高的可維護性和效率。

您可以將片段多次新增到檔案,並使用其元件的資料繫結屬性將其連結到不同的資料來源或結構描述。 例如,您可以將相同的地址片段用於永久、通訊和帳單地址,並將其連線到資料來源或結構的不同欄位。

NOTE
您可以使用表單片段元件的「設定」對話方塊和「設計」對話方塊,輕鬆自訂使用者的片段體驗。

建立自適應表單片段 create-a-fragment

您可以從頭開始建立最適化表單片段,或將現有最適化表單中的面板儲存為片段。 若要建立表單片段:

  1. 在https://[主機名稱]:[連線埠]/aem/forms.html登入您的AEM Forms執行個體。

  2. 按一下​ 建立>最適化表單片段

    建立最適化表單片段

  3. 指定片段的標題、名稱、說明和標籤。 請確定您為片段指定唯一的名稱。 如果存在具有相同名稱的其他片段,則無法建立片段。

  4. 選取表單範本。 您可以為以核心元件為基礎的Adaptive Forms或基礎元件為基礎的Adaptive Forms建立表單片段。 若要建立核心元件型表單的表單片段,請選取核心元件型範本。

    當您建立核心元件型表單的表單片段時,請使用選取表單主題選項來選取核心元件型主題。

  5. 按一下以開啟​ 表單模型 ​標籤,然後從​ 選取自 ​下拉式功能表中,為片段選取下列其中一個模型:

    在表單模型索引標籤中顯示模型型別

    • :指定從頭開始建立片段,而不使用任何表單模型。

      note note
      NOTE
      在Adaptive Forms中,您可以使用單一表單片段(根據核心元件)多次。 它支援無型和結構描述型表單片段。
    • 結構描述:指定使用上傳至AEM Forms的XML或JSON結構描述建立片段。 您可以上傳或從可用的XML或JSON結構描述中選取作為片段的表單模型。 選取XML結構描述時,您也可以從​ XML結構描述複雜型別 ​下拉式方塊中選取所選結構描述中存在的complexType,以建立最適化表單片段。 選取JSON結構描述時,您也可以從​ JSON結構描述定義 ​下拉式方塊中選取所選結構描述中存在的結構描述定義,以建立調適型表單片段。

    • 表單資料模型:指定使用表單資料模型(FDM)建立片段。 您可以僅根據表單資料模型(FDM)中的一個資料模型物件來建立最適化表單片段。 展開表單資料模型(FDM)定義下拉式清單。 它會列出指定表單資料模型(FDM)中的所有資料模型物件。 從清單中選取資料模型物件。

    表單資料模型(FDM)

  6. 按一下[建立]​ ,然後按一下[開啟]​ ,以編輯模式開啟具有預設範本的片段。 在編輯模式中,您可以將任何最適化表單元件新增到片段。

根據結構描述或表單資料模型(FDM)的自適應表單片段建立後,表單資料模型(FDM)或結構描述元素會顯示在自適應表單編輯器中,內容瀏覽器的「資料來源」標籤中。 您可以將表單模型元素拖放至片段上。 新增的表單模型元素會轉換為表單元件,同時保留關聯結構描述的原始屬性。

將片段新增至最適化表單 insert-a-fragment-in-an-adaptive-form

若要將最適化表單片段新增至最適化表單:

  1. 在編輯模式中開啟最適化表單。

  2. 將​ 最適化表單片段 ​元件新增至表單。

  3. 開啟​ 最適化表單片段 ​元件的[設定]對話方塊。

  4. 在​ 基本 ​索引標籤中選取​ 片段參考。 您的表單可用的所有Adaptive Forms片段(視表單的模型而定)都會出現。

  5. 選擇一個Adaptive Form片段到您的Adaptive Form上的​ Adaptive Form Fragment ​元件上。

    選取最適化表單片段選項

最適化表單片段是參考最適化表單而新增,並與獨立的最適化表單片段保持同步。 這代表對最適化表單片段所做的任何修改,都會反映在片段併入最適化Forms的所有執行個體中。

在片段中使用片段 using-fragments-within-fragments

您可以建立巢狀Adaptive Form片段,這表示您可以在另一個片段中新增片段,而且可以有巢狀片段結構。

在最適化表單中多次使用表單片段 using-form-fragment-mutiple-times-in-af

您可以在調適型表單中多次使用無基礎和結構描述型表單片段,以唯一儲存每個表單片段欄位的資料。 例如,您可以使用地址表單片段來收集地址詳細資訊,以便永久性、通訊和在貸款申請表中呈現有效地址。

在最適化表單中使用多個片段

管理片段 manage-fragments

您可以使用AEM Forms UI對最適化表單片段執行數個操作。

  1. 前往 https://[hostname]/aem/forms.html

  2. 按一下AEM Forms UI工具列中的​ 選取,然後選取最適化表單片段。 工具列會顯示您對選取的Adaptive Form片段可以執行的下列操作。

操作
說明
編輯
在編輯模式中開啟選取的最適化表單片段。
預覽
提供以HTML預覽片段的選項,或透過將XML檔案的資料與片段合併來預覽自訂預覽。 如需詳細資訊,請參閱預覽表單
下載
下載選取的片段。
開始檢閱/管理檢閱
允許啟動和管理所選片段的審查。 如需詳細資訊,請參閱建立和管理評論
新增字典
產生字典以將選取的片段本地化。 如需詳細資訊,請參閱本地化最適化Forms
Publish /取消發佈
發佈/取消發佈選取的片段。
刪除
刪除選取的片段。

使用片段時要記住的關鍵點 key-points-to-remember-when-working-with-fragments

  • 確保片段名稱是唯一的。 如果存在具有相同名稱的現有片段,則片段無法建立。
  • 透過參考插入或嵌入自適應表單時,獨立自適應表單片段中的任何運算式、指令碼或樣式都會保留。
  • 您無法從最適化表單中編輯透過參考插入的最適化表單片段。 若要編輯,請修改獨立的最適化表單片段。
  • 發佈最適化表單時,您需要發佈在最適化表單中透過參考插入的獨立最適化表單片段。
  • 當您重新發佈更新的Adaptive Form片段時,變更會反映在使用片段的Adaptive Form的已發佈例項中。
  • 包含Verify元件的調適型表單不支援匿名使用者。 此外,不建議在自適應表單片段中使用驗證元件。

參考片段 reference-fragments

您可以使用參考最適化表單片段來建立您的表單。

另請參閱 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab