页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 11 下一个 »

1 概述

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

2 内部资源跳转

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

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

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

3、操作步骤

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

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

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

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

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

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

3 外部链接跳转

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

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

2、操作步骤

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

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

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

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

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

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

4 排序

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

示例效果

5 打开方式

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

打开类型

说明

示例效果

新窗口

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

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

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

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

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

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

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

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

6 对目标跳转传值

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

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

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

7 注意事项

1、跳转规则打开方式为浮动框时,在移动端进行跳转,窗口不支持放大缩小。

  • 无标签