跳到主要内容

数据详情

适用场景#

适用于以展示多条数据详细内容的场景,不借助变量绑定,即可获取数据模型或自定义API中的数据。

使用说明#

  1. 将组件拖入到编辑器中后,可配置绑定的数据源类型(数据模型/自定义 API)
    • 数据模型:配置绑定的数据模型并控制数据排序顺序与数据筛选条件;
    • 自定义 API:配置绑定的自定义 API 及调用方法,通过控制查询入参进行方法入参字段绑定;
  2. 当满足「数据筛选」配置的数据存在多条时,仅排序上第一条符合条件的数据,可被显示在组件上
  3. 「数据详情」组件内部的各个子组件,点击各项属性右侧的「数据绑定」按钮,可直接绑定数据模型中的字段,实现内容显示或逻辑控制。 API 中字段目前仅可通过表达式绑定,格式为: $context.idxx.data.xx 其中:idxx 为数据详情组件 id; xx 为被绑定字段

属性介绍#

属性名
类型
属性分组
默认值
说明
数据源类型string基础属性"data-model"数据源类型选择
数据模型object基础属性-展示模型数据的数据来源
自定义APIobject基础属性-展示数据的自定义API来源选择
调用方法object基础属性-展示数据的自定义API调用方法选择
查询入参string基础属性-对自定义API调用方法获取的数据进行筛选过滤。支持对象类型,例如 {name:'',value:''}
数据筛选array基础属性-对数据进行筛选过滤

事件介绍#

事件名
事件code
适用情况
说明
查询为空queryEmpty兼容三端数据查询为空时触发
查询成功querySuccess兼容三端数据查询成功时触发
查询失败queryFail兼容三端数据查询失败时触发