页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

跳转是指通过单击或悬停的动作从源资源跳转到目标资源,并且实现传递参数值的互动效果,支持内部资源的跳转以及外部链接的跳转。

2 内部资源跳转

用于实现当前即席查询跳转到其它内部资源的交互效果。

...

1、场景描述:源报表展示的是2021年3月9号各发货城市不同产品的销售量情况,点击跳转至2021年3月9号各发货城市不同产品的销售额情况,效果如下图:

...

Image Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

...

(1)先新建一个展示2021年3月9号各发货城市不同产品的销售量数据的即席查询,拖拽 发货城市、产品名称、销售量 字段到 

...

表格/列字段 、拖拽 

...

订单日期 字段到 

...

过滤条件 ,并设置 订单日期 的值为 2021-03-09,保存报表并命名为 跳转源资源 

Image Removed

...

Image Added

(2)再新建一个展示2021年3月9号各发货城市不同产品的销售额数据的即席查询,拖拽 发货城市、产品名称、销售额 字段到 表格/列字段 、拖拽 订单日期 字段到 过滤条件 保存报表并命名为 跳转目标资源 

...

Image Added

(3)编辑步骤1中保存的 跳转源资源,在组件设置的 交互 中点击 设置跳转规则 ,进入设置跳转规则界面。

...

Image Added

(4)在 设置跳转规则 

...

界面中,新建跳转规则,设置 源资源连接字段 ,选择 跳转到 目标报表,设置 打开方式 以及 对跳转目标传值 

...

信息

Image Removed

(5)跳转展示效果:选择 2021年 ,点击 点心 ,浮动框的方式打开目标资源,查看2021年点心分类中各产品销售额的明细数据。

源资源链接字段使用说明:源资源链接字段为空时,代表点击表格任意单元格,都可以触发跳转;若选择了字段,则限制当前跳转规则仅在所选字段上才能触发。

Image Added

(5)跳转展示效果:点击 厦门 ,新Tab页的方式打开目标资源,查看2021年3月9号厦门各产品销售额的明细数据。

Image Added

3 外部链接跳转

用于实现当前即席查询跳转至指定的URL或关联用户系统中相关参数。

1、场景描述:有一个各发货城市不同产品销售明细表,当遇到对这个城市不熟悉时,点击可以跳到百度进行查询。

Image Added

2、操作步骤

(1)先新建一个展示各发货城市不同产品销售明细数据的即席查询,拖拽 订单日期、发货城市、产品名称、销售额、销售量 字段到 表格/列字段,保存报表并命名为 跳转源 

Image Added

(2)在组件设置的 交互 中点击 设置跳转规则 ,进入设置跳转规则界面。

Image Added

(3)在 设置跳转规则 界面中,新建跳转规则,选择 外部链接按照如下图所示的设置

  • 若需要传参,则将特定的参数使用 ${参数名称} 封装起来,并将目标页面的参数名称写入 {} 中,同时在 对跳转目标传值 中填入目标页面的参数名称以及设置参数值。若不需要传参,则直接在 跳转到 中填入目标资源URL地址即可。
  • 标题:用于设置跳转目标窗口或页面标题。
  • 请求类型:用于设置传递参数的方式,支持POST和GET两种方式。

Image Added

信息

若外部网站本身设置了标题,则跳转规则的 标题 设置将不生效。

(3)跳转展示效果:点击城市,新窗口的方式打开百度网站进行对应城市的搜索。

Image Added

4 排序

支持对跳转规则进行排序设置

Image Added

示例效果

Image Added

5 打开方式

支持通过以下四种方式打开目标资源:新窗口、新Tab页、浮动框、悬停。

打开类型

说明

示例效果

新窗口

以浏览器新窗口的方式打开跳转的目标资源。

Image Added

新Tab以系统新Tab页的方式打开跳转的目标资源。
浮动框

以浮动框的方式打开跳转的目标资源。

  • 窗口默认高宽为报表页面的60%,允许设置窗口的大小,可以切换单位为px:

Image Added

  • 浏览时,用户可手动拖拽改变窗口大小。
悬停

以悬停窗口的方式打开跳转的目标资源。

  • 鼠标悬停在需要触发跳转的位置时,自动打开跳转的目标资源;鼠标移开则悬停窗口自动消失。
  • 窗口默认高宽为200px,允许设置窗口的大小:

Image Added

当有多个悬停规则时,仅有跳转规则列表最上方的悬停可生效,其余悬停规则可通过左键菜单点击跳转。

6 对目标跳转传值

用于设置跳转时参数的传值,支持的参数传值类型有:引用字段、值。

Image Added

1、引用字段 是传源资源页面中的动态值,包括:字段、筛选器、参数。比如将筛选器所选的 2021年3月9号 和在表格上点击的 厦门 传递到目标资源中,设置项配置及跳转示例效果如下,

Image Added

Image Added

2、值 是传文本框中输入的固定值。无论点击的是什么值,永远只会将设定的固定值传到目标资源中,设置项配置及跳转示例效果如下:

Image Added

Image Added