构建详细信息页面

构建一个详细页面,以查看记录系统中可用的一条记录的详细信息。请记住,您可以根据自己的需要设计和定制这些页面。本文假设您已经为这个工作流创建了microapp。详细步骤请参见添加一个新的微应用程序

要为microapp添加详细页面,请从起始模板中选择,然后在构建器中定制页面。对于这个详细信息页面,从…开始细节模板,它预先填充构建器文本显示我们选择的字段的组件。使用以下组件构建此示例详细信息页面。

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

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

详细页面的示例

遵循以下步骤:

  1. 选择要添加页面的微应用程序。选择页面,添加新页面
  2. 页面名称,并选择细节模板。
  3. 确认您的数据源并选择数据表您希望表中的记录来自于。选择选择字段选择填充页面的字段。选择添加

    将新页面添加到页面列表,并准备自定义。构建器页面将填充我们选择的字段。现在让我们定制页面。

  4. 选择并拖动后退按钮元素到构建器面板的顶部。
  5. 选择并拖动静态文本元素添加到构建器面板顶部的后退按钮下。
    • 选择静态文本属性,并在内容字段中,输入票的细节
    • 文本类型中,选择
  6. 选择并拖动灵活的网格元素添加到构建器面板。使用电网项目将我们现有的文本组件。
    • 我们需要添加新的细胞。选择灵活的网格属性选项卡,在细胞总数将值更改为8
    • 选择并拖动现有的文本组件的位置灵活的网格放在你想放的地方。
  7. 接下来,选择并拖动表格组件到构建器。把它放在底部。
    • 选择表属性选项卡。在标签字段中,输入评论
    • 激活使用明细页相关记录切换。
    • 选择数据表你想让表格显示出来。在这种情况下评论必须添加要在表中显示的列。请看上面的截图,我们想要添加的模型。
    • 选择,并选择您看到列出的第一项。下列标题为列指定一个名称。例如,让我们为列命名作者姓名.选择一个值数据表,然后选择数据列映射到正确的列。
    • 选择+,并对我们将要标记的以下列重复:身体创建日期.对于日期列,选择格式指定所使用的时间格式。例如,如果有必要,您可以构建一个操作到评论细节页面。
    • 选择设置过滤器如果您需要根据某些条件过滤表中的数据。
    • 选择设置顺序按所需顺序查看表项。

    这个详细页面现在已经准备好了。

构建详细信息页面