一、需求背景
注意:说明:
注意:当数据列字段类型是对象和数组的时候,才支持自定义数据列的展示。
二、实现方案
1. 数据模型字段为对象时的方案展示。
1.1 数据模型新建“测试”字段,并将字段类型设置为对象,并添加子集。
1.2 表格列“测试”的数据类型选择 JSON,然后在表达式属性中,单击 fx,打开表达式编辑模式。
1.3 表达式中,写入如下格式的 JSON 参数,即可渲染出详情按钮,单击后即可查看数据详情。
{ "type": "object", "title": "测试", "items": { "type": "object", "title": "示例(对象)", "properties": { "test1": { "type": "string", "title": "测试" } } }}
1.4 详情按钮样式:
1.5 单击详情后的弹窗展示效果:
2. 数据模型字段为数组时的方案展示。
2.1 数据模型新建“详情段落”字段,并将字段类型设置为数组,并添加子集。
2.2 表格列“段落内容”的数据类型选择 JSON,然后在表达式属性中,单击 fx,打开表达式编辑模式。
2.3 表达式中,写入如下格式的 JSON 参数,即可渲染出详情按钮,单击后即可查看数据明细。
{ "type": "array", "title": "示例(数组)", "items": { "type": "object", "title": "示例(对象)", "properties": { "subtitle": { "type": "string", "title": "示例(字符串)" }, "body": { "type": "string", "title": "示例(字符串)" }, "list": { "type": "string", "title": "示例(字符串)" } } }}
2.4 详情按钮样式:
2.5 单击详情后的弹窗展示效果: