文档首页/ Astro轻应用 AstroZero/ 常见问题/ 应用前端开发/ 在AstroZero标准页面中,如何实现有子表的表格?
更新时间:2024-07-18 GMT+08:00
分享

在AstroZero标准页面中,如何实现有子表的表格?

问题描述

当表格中的数据有父子关系,可在表格属性中开启“树形数据”开关,并指定关联字段后,可展示出树形结构的父子表格。

例如,系统中存在如图1所示的数据,数据之间存在父子关系,效果需要展示成“树形数据”,如图2所示,明确层级关系。

表格组件需要以树形展示有个前提条件,即表格绑定的模型中,存在取值上有父子关系的两个字段。如图1所示,“Type”字段的值来源于“Mode”,这两个字段就可以认为是父(Type)子(Mode)关系。基于上述前提,就可以在表格的属性面板中绑定上述模型,开启“树形数据”开关,然后配置“Type”为父字段,“Mode”为子字段。

图1 数据源(存在父子关系的字段)
图2 树形数据

处理方法

  1. 首先查看数据对应的对象,查看数据列的字段名。

    若需要构造如图1所示的数据,在新建对象,请新增图3中的自定义字段。自定义字段后,打开布局页签,选中“对象名Records”数据记录页,新增图1所示的数据。

    图3 自定义字段

  2. 在标准页面选中表格组件,新增模型,设置为对象模型,选中上一步的对象,设置表格数据源。

    图4 设置数据绑定
    图5 设置对象模型
    图6 设置关联字段
    图7 选中模型

  3. 在标准页面选中表格组件,开启“树形数据”并设置如下参数。

    图8 开启树形数据并设置对应参数

  4. 预览该页面,即可查看到如图2所示层级关系。

相关文档