# SuperPage交互-装载数据

装载就是将数据通过某个载体显示出来,装载数据交互支持在当前页面的指定组件或容器中加载数据,无需打开新的页面或对话框,其效果与显示对话框/悬浮面板加载数据类似,如在左侧列表中选择企业名称,在右侧显示该企业的详细信息:

示例地址:列表-列表交互 (opens new window)

# 使用装载数据

装载数据交互,作用于两个组件之间,即发起装载的主体组件和数据装载的目标组件:

  • 主体组件:一般为展示数据的组件,如列表
  • 目标组件:任意能获取模型表数据的组件均可,可以是单个组件如文本输入文本等;也可以是包含多个组件的容器,如面板

当点击主体组件的某一行数据时,通过装载数据交互,这行数据的更多信息将在目标组件中显示出来。以在列表中选择企业名称,右侧显示该企业的详情为例,具体使用步骤如下:

  1. 引用字段:在面板中添加文本组件,并为组件设置字段内容${[企业基本信息].[企业名称]},该字段所在模型表需要与列表组件引用的模型表一致
  2. 为列表组件添加交互:在列表的交互中选择装载数据,指定数据范围当前行范围指定组件提交组件为panel28

TIP

组件不支持当前行的数据范围,若使用作为主体组件,一般需要使用两个模型表,一个作为左侧列表的数据,一个用来作为右侧显示的数据,具体用法与主体和目标组件使用不同模型表一致

# 主体和目标组件使用不同模型表

主体组件与目标组件使用的模型表不同时,需要搭配设置参数值交互获取选择行的数据,以左侧树中选择资产列表,在右侧显示该资产的详细信息为例,实现思路如下:

  1. 设置全局参数a接收选中行的主键信息
  2. 在主体组件上使用设置参数值对参数进行赋值,并设置装载数据交互
  3. 在目标组件引用的模型表上使用该全局参数进行过滤,如[资产信息维护-表单].[资产编码]=[a]

当点击数据行时,装载数据交互将主动发起一次查询请求,得到模型表过滤后的数据,最终将该结果填入指定的容器或组件中

示例地址:树增加与修改 (opens new window)

# 需要装载的数据范围

装载数据交互支持设置加载哪些符合条件的数据,在数据范围属性中提供了两种可选项:

  • 勾选的:一般搭配列表勾选框等具有勾选效果的组件使用,仅装载勾选的数据行数据,同时需要设置主体组件,交互将仅装载选择的主体组件中的内容
  • 当前行:一般与列表搭配使用,仅装载当前选中的数据行的数据,默认为当前行

# 目标组件设置

装载数据交互能够对数据展示的目标组件进行设置,在范围属性中选择:

  • 默认:该选项为默认项,如果主体组件在对话框组件中,则该对话框内的组件进行装载;若不在,则整个页面内的组件进行装载
  • 整个页面:将整个页面内的组件进行装载
  • 所在对话框/悬浮面板:主体组件所在的对话框或悬浮面板内的组件进行装载
  • 指定组件:选择后,需要在提交组件中勾选显示数据的目标组件
是否有帮助?
0条评论
评论