更新表单数据

单击表单中的按钮通常会触发“ 执行” 块。一个名为“ 用于本地更新 ”的新功能可用于“ 按钮 ”组件的“单击”操作。它允许您在不执行 Do 块的情况下更新表单。

教程

下一教程将介绍如何创建用于在表单的多个页面之间导航的按钮。

从“ 创建表单” 活动中打开“表单设计器”。
拖放多个 Panel 组件或您选择的任何其他组件。

在此示例中，每个面板组件代表表单的不同页面，收集不同的信息。
拖放一个 “隐藏” 组件（从“ 数据 ”类别中）。这用于跟踪当前面板编号。

在本示例中，将组件标签设置为 StepId。默认情况下， 字段键 名称设置为 stepId。
导航到每个“ 面板 ”组件 > “条件” 选项卡，然后设置显示面板的条件。
在此示例中，仅当 stepId 等于面板编号时，才会显示每个面板。为此，请执行以下操作：
- 在“ 简单条件”部分 >“ 应显示此组件” 字段中，选择“ True”。
- 在“ 使用表单组件” 字段中，选择 StepId。
- 在“ 包含值” 字段中，输入面板的编号（例如，第一个面板1，第二个面板2，依此类推）。
在每个 Panel 组件中，拖放 Button 组件，如下所示：
- 对于第一个面板，添加一个“ 按钮 ”组件以导航到第二个面板（例如 Next Step）。
- 对于最后一个面板，添加一个“ 按钮 ”组件以导航到上一个面板（例如 Prev Step）。
- 对于中间面板，添加两个“ 按钮 ”组件：一个用于导航到上一个面板，另一个用于导航到下一个面板。
导航到每个按钮的 “显示” 选项卡。将“ 操作 ”按钮设置为 Click。系统将显示“ 用于本地更新” 复选框。此功能允许在单击按钮时在表单面板之间导航，而无需执行“ 执行” 块。
选中“ 用于本地更新 ”框。系统将显示“ 更新数据逻辑 ”代码编辑器。
使用预定义的 JavaScript 代码段，并在大括号内输入要更新的数据。确保使用要更新的表单组件（在步骤 3 中设置的组件）的 字段键 名称。

JavaScript 代码段具有以下模板： instance.emit('updateData', {[field_key_name]:[field_key_update_value]});，其中 [field_key_name] 表示组件字段键， [field_key_update_value] 表示组件的新值。

对于此示例，请使用以下代码片段：
- 对于 Next Step 按钮 -instance.emit('updateData', {stepId:X});，并将 X 替换为下一个面板的编号（例如，对于第二个面板中的按钮，使用 instance.emit('updateData', {stepId:3});）
- 对于 Prev Step 按钮 -instance.emit('updateData', {stepId:Y});，并将 Y 替换为上一个面板的编号（例如，对于第二个面板中的按钮，使用 instance.emit('updateData', {stepId:1});）