PageNow PageNow
首页
  • 产品简介
  • 快速入门
  • 进阶使用
API
视频教程
联系我们
购买
首页
  • 产品简介
  • 快速入门
  • 进阶使用
API
视频教程
联系我们
购买
  • PageNow产品介绍

    • 产品简介
    • 企业版线上访问
    • 文档阅读说明
  • 快速入门

    • 基本概念
    • 管理工作台使用
    • 快速创建可视化页面
    • 设计器的基本使用
    • 布局块操作与配置
    • 数据接入
  • 进阶使用

    • 组件生命周期
    • 组件交互
    • 双大括号语法
    • 内置交互启动器
    • 共享数据源
    • 代码编辑器使用技巧
    • 自定义Echarts图表
    • 数据字段映射
      • 数据源结果集裁剪
      • 在线自定义组件
    • 文档手册
    • 进阶使用
    PageNow
    2022-11-19

    数据字段映射

    数据字段映射的作用在于增强数据结果集过滤器的使用场景,数据结果集过滤器是通过编写JS脚本的方式对结果集进行二次过滤, 而字段映射则是通过配置的方式实现快速的结果集字段匹配,方便非编程人员进行组件的数据源结果集对接工作。

    下面将以【多行文本】组件作为示例,说明数据字段映射如何配置,首先【多行文本】组件要求的结果集格式为:

    [
      {
        "value": "我是多行文本组件绑定的文本"
      }
    ]
    

    此时我们打开【多行文本】组件的数据源配置界面,如下图所示:

    多行文本组件自身绑定的是结果集中的value属性值,那么当我们的数据源请求返回的结果集格式中没有value属性,而是如下所示的结果集格式时,组件是无法正常解析并绑定结果集渲染的:

    [
      {
        "text": "我是多行文本组件绑定的文本"
      }
    ]
    

    此时我们只需要配置字段映射,将value映射到text属性,系统会对结果集进行自动字段映射过滤,配置方式如下:

    配置好之后请记得点击【保存生效】按钮,生效之后即可完成结果集的自动匹配,匹配后的结果集格式将会变成如下格式:

    [
      {
        "text": "我是多行文本组件绑定的文本",
        "value": "我是多行文本组件绑定的文本"
      }
    ]
    

    可以看到,系统会自动将text属性进行拷贝生成value字段属性,此时组件即可正常解析结果集并渲染文本内容

    # 字段映射过滤的处理流程

    当我们对组件进行数据源配置后(包括静态数据源),组件默认会将数据源处理后的结果集作为原始结果集,然后原始结果集将会按如下流程进行二次处理并返回处理后结果集供组件进行数据绑定:

    从上图中可以看出,目前在PageNow中,原始结果集会进行两层过滤,首先进行自定义代码过滤器过滤(数据结果集过滤器),然后将代码过滤后的结果集交由字段映射过滤器过滤,最后将两层处理后的结果集返回给组件进行数据绑定并渲染。

    自定义Echarts图表
    数据源结果集裁剪

    ← 自定义Echarts图表 数据源结果集裁剪→

    Theme by Vdoing | Copyright © 2021-2023 PageNow数据可视化 桂ICP备2021000260号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×