使用一組最適化表單建立最適化表單 create-an-adaptive-form-using-a-set-of-adaptive-forms
Adobe 建議使用新式且可擴充的資料擷取核心元件,用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步,可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。
概觀 overview
在工作流程中(例如開立銀行帳戶的應用程式),您的使用者會填寫多個表單。 與其要求他們填寫一組表格,您可以將表格棧疊在一起並建立大型表格(父級表格)。 將最適化表單新增至較大表單時,會將其新增為面板(子表單)。 新增一組子表單以建立父表單。 您可以根據使用者輸入顯示或隱藏面板。 父表單的按鈕(例如提交和重設)會覆寫子表單的按鈕。 若要在父表單中新增自適應表單,您可以從資產瀏覽器拖放自適應表單(如自適應表單片段)。
可用的功能包括:
- 獨立製作
- 顯示/隱藏適當的表單
- 延遲載入
獨立編寫和延遲載入等功能,改善了使用個別元件建立父表單時的效能。
幕後 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
已適當修改,以便最適化表格的每個使用例項指向資料根下的不同子根。
使用資產瀏覽器將調適型表單新增為子表單 adding-an-adaptive-form-as-a-child-form-using-asset-browser
執行以下步驟,使用資產瀏覽器將最適化表單新增為子表單。