XForms/多部分表單

動機

您有一個非常大的表單，並且初始載入時間很長。您希望能夠將大型表單拆分為多個表單。

方法

為了讓大型表單的第一部分載入，我們將表單拆分為多個部分，只加載看起來像是多部分表單的第一個選項卡的內容。當用戶選擇第二個選項卡時，我們將儲存第一個選項卡上的所有資料並載入第二個選項卡。這樣一來，如果使用者只想對錶單進行簡單的更改，只需要載入單個選項卡的邏輯。

示例

我們將使用一系列觸發器，這些觸發器被設計成檔案選項卡。每個觸發器將執行兩個操作：執行儲存提交，然後載入表單的下一部分。表單的樣式將被設計成讓使用者看起來像是隻在更改選項卡。

以下是每個觸發器的示例程式碼

<xf:trigger appearance="minimal" class="tab2">
    <xf:label>Part 2</xf:label>
    <xf:action ev:event="DOMActivate">
        <xf:send submission="save"/>
        <xf:load resource="edit-2.xhtml" show="replace"/>
    </xf:action>
</xf:trigger>