构建详细信息页面

构建详细信息页面以查看工作流中可用的一个项目的详细信息。请记住,您可以根据您的需求设计和自定义这些页面。本文假定您已经为此工作流创建了微应用。有关分步详细信息,请参阅 添加新的微应用

要为微应用添加详细信息页面,请从起始模板中进行选择,然后在构建器中自定义页面。对于此详细信息页面,首先从详细信息模板开始,该模板使用显示我们选择的字段的文本组件预填充构建器。使用以下组件构建此示例详细信息页面。

  • 文本 -定义要从缓存加载到页面的文本源和格式。
  • 返回按钮 -允许用户返回上一页。
  • 静态文本 -定义静态文本以显示页面。
  • 灵活网格 -让您更好地控制组件在页面上的定位。当您设计面向具有较大屏幕的设备的页面时很有帮助。设置要在网格中的标签和单元格总数。
  • -通过定义表源、过滤器和定义列来添加表。可以添加页面链接操作。可以根据用户的电子邮件设置个性化查询来限制数据泄露。

下图显示了一个示例详细信息页面,其中显示了我们使用上面列出的组件构建的票证详细信息:

详情页面示例

请按照以下步骤进行操作:

  1. 选择要向其添加页面的微应用。选择页面,然后添加新页面
  2. 页面指定一个名称,然后选择详细信息模板。
  3. 确认您的数据源并选择要访问的数据表。选择添加。 新页面将添加到页面列表中,并准备好进行自定义。构建器将填充我们选择的字段。我们需要自定义页面。
  4. 选择“后退按钮”元素并将其拖动到构建器面板的顶部。
  5. 选择“静态文本”元素并将其拖动到“后退”按钮下的构建器面板顶部。
    • 选择静态文本属性,然后在内容字段中输入创建票证
    • 在“文本类型”下,选择“标题”。
  6. 选择“柔性网格”元素并将其拖动到构建器面板中。使用网格项目放置我们现有的文本组件。
    • 我们需要添加新的细胞。选择“灵活网格属性”选项卡,然后在“单元格总数”下将值更改为 8
    • 选择现有文本组件并将其拖动到弹性网格中要放置它们的位置。
  7. 接下来,选择组件并将其拖动到构建器中。把它放在底部。
    • 选择表属性选项卡。在“标签”字段中,输入注释
    • 激活“使用与详情页面相关的记录”开关。
    • 选择希望表显示的数据表。在这种情况下为 Comments 您必须添加要在表中显示的列。请参阅上面的屏幕截图了解我们要添加的模型。
    • 选择,然后选择列出的第一个项目。在列标题下为列指定一个名称。例如,让我们命名为“作者姓名”列。为预填充的数据表选择一个值,然后选择要映射到正确列的数据列
    • 选择 +,然后对我们将标记的以下列重复: 正文创建日期。对于日期列,选择 **格式以指定使用的时间格式。 例如,如有必要,您可以对注释详细信息页面构建操作。

    此详情页面现已准备就绪。

构建详细信息页面