使用一組最適化表單建立最適化表單 create-an-adaptive-form-using-a-set-of-adaptive-forms

Adobe 建議使用新式且可擴充的資料擷取核心元件,用來建立新的最適化表單將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步,可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。

概觀 overview

在工作流程中(例如開立銀行帳戶的應用程式),您的使用者會填寫多個表單。 與其要求他們填寫一組表格,您可以將表格棧疊在一起並建立大型表格(父級表格)。 將最適化表單新增至較大表單時,會將其新增為面板(子表單)。 新增一組子表單以建立父表單。 您可以根據使用者輸入顯示或隱藏面板。 父表單的按鈕(例如提交和重設)會覆寫子表單的按鈕。 若要在父表單中新增自適應表單,您可以從資產瀏覽器拖放自適應表單(如自適應表單片段)。

可用的功能包括:

  • 獨立製作
  • 顯示/隱藏適當的表單
  • 延遲載入

獨立編寫和延遲載入等功能,改善了使用個別元件建立父表單時的效能。

NOTE
您不可以使用XFA型最適化表單/片段做為子表單或父表單。

幕後 behind-the-scenes

您可以在上層表單中新增XSD型最適化表單和片段。 上層表單的結構與 任何最適化表單. 將最適化表單新增為子表單時,會將其新增為父表單中的面板。 繫結子表單的資料儲存在 data的根目錄 afBoundData 上層表單的XML結構描述區段。

例如,您的客戶填寫申請表。 表單的前兩個欄位是名稱和身分。 其XML為:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
        </data>
    </afBoundData>
</afData>

您在應用程式中新增另一個表格,讓您的客戶填寫其辦公室地址。 子表單的結構描述根目錄為 officeAddress. 套用 bindref /application/officeAddress/officeAddress. 如果 bindref未提供,則會新增子表單作為 officeAddress 子樹。 請參閱下列格式的XML:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <officeAddress>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </officeAddress>
        </data>
    </afBoundData>
</afData>

如果您插入另一個可讓客戶提供住址的表單,請套用 bindref /application/houseAddress or /houseAddress.XML看起來像這樣:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <officeAddress>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </officeAddress>
            <houseAddress>
                <addressLine>2, Geometrixx City</addressLine>
                <zip>11111</zip>
            </houseAddress>
        </data>
    </afBoundData>
</afData>

如果要保留與結構描述根相同的子根名稱( Address在此範例中),使用索引的bindrefs。

例如,套用bindrefs /application/address[1]/address[1]/application/address[2]/address[2]. 表單的XML為:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <address>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </address>
            <address>
                <addressLine>2, Geometrixx City</addressLine>
                <zip>11111</zip>
            </address>
        </data>
    </afBoundData>
</afData>

您可以使用變更最適化表單/片段的預設子樹狀結構 bindRef 屬性。 此 bindRef 屬性可讓您指定指向XML結構描述樹狀結構中某個位置的路徑。

如果子表單未繫結,其資料會儲存在 data的根目錄 afUnboundData 上層表單的XML結構描述區段。

您可以將最適化表單新增為子表單多次。 確保 bindRef 已適當修改,以便最適化表格的每個使用例項指向資料根下的不同子根。

NOTE
如果不同的表單/片段對應至相同的子根,資料會被覆寫。

使用資產瀏覽器將調適型表單新增為子表單 adding-an-adaptive-form-as-a-child-form-using-asset-browser

執行以下步驟,使用資產瀏覽器將最適化表單新增為子表單。

  1. 在編輯模式中開啟父表單。

  2. 在側邊欄中,按一下 資產 資產 — 瀏覽器 . 在「資產」底下,選取 最適化表單 從下拉式清單。
    在Assets下選取最適化表單

  3. 拖放您要新增為子表單的最適化表單。
    將最適化表單拖放至您的網站 您拖放的最適化表單會新增為子表單。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2