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>