> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 链接跳转

> 该页面介绍了如何通过URL跳转、自定义参数设置以及不跳转等方式实现网页或应用内不同页面之间的导航，特别是针对报表与数据详情页之间的跳转进行了详细说明。包括了操作步骤、新版与旧版的区别展示及常见案例分析。

## 1. 简介

可以跳转到 URL 并自由组合参数，还可以跳转到卡片中，实现抽屉侧滑的效果

## 2. 操作步骤

### 2.1 跳转到 URL

| **旧版**                                                                                                                                                                                                                              | **新版**                                                                                                                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 打开方式：选择是打开新页面还是在当前页刷新<br />链接地址：输入 URL，可以通过【空格】+【@】下拉选择表格中已经配置的字段/参数/筛选器<br />**注：英文状态下的 @ 才能弹出选择字段**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1682217356852-9eb3c04a-1587-4cb7-a66c-2e49d9c52070.png) | 链接地址：选择输入 URL，点击插入字段可以插入已经配置在表格列的字段以及筛选器参数<br />打开方式：选择【打开新页面】或【在当前页刷新】<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1682217391237-46c77a30-d06b-4013-b5af-96fe60b0c563.png) |

新版示意图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1682217206333-679f6ea7-a812-4068-9553-575558f613cc.png)
</Frame>

如下图则通过配置可以跳转到对应实例ID的表单详情页：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1682217702134-18994046-4473-47dd-acaf-ef88057dcc84.png)
</Frame>

### 2.2 自定义

参数设置选择标准或自定义

| **旧版**                                                                                                                   | **新版**                                                                                                                   |
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639617977859-4c5c48f8-beeb-41f8-99ee-1bc1562aeb27.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1682217765664-10d8fc09-388b-4d50-8e0d-d804548a8582.png) |

设置自定义链接点击

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639618315336-2c17846b-cc2c-4010-a6f5-d1485314075b.png)
</Frame>

设置参数

自定义参数：可以写 JS 代码来进行 if else 条件的判定来进行跳转，比如说希望筛选项 A 的值 =all 的时候不传入参数 A 但筛选项 \<>all 的时候要传入

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639618601953-813b4557-826e-4d92-bb63-f66e2796e735.png)
</Frame>

自定义参数设置

### 2.3 不跳转

不会跳转到任何页面，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639618643243-693b57b0-b3a5-4bce-8736-dc39006043c2.png)
</Frame>

不跳转

## 3. 常用案例

> 以下操作流程使用旧面板，配置方式一致，仅在字段插入上有差异

### 3.1 报表跳转数据详情页面

#### 创建普通表单

配置类目、产品名称、数量字段，同时录入好数据

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1635388988469-b652807e-b153-40ea-9cf2-3b0cdbdc5052.png)
</Frame>

表单字段配置

#### 创建报表

选择表格组件，配置好数据集以及展示数据字段，必须要选取实例ID字段

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639619578093-1a2747a7-ae72-400f-9085-603398bd04a2.png)
</Frame>

**报表配置数据集**

#### 设置链接跳转

点击其中某个字段，然后进行链接设置，参考下列图片配置

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639619626706-832826a3-4e4a-4c15-b428-e9836b9faaee.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639619676583-9190cff1-50d8-4f32-bf17-7540abdb9702.png)
</Frame>

配置跳转链接

#### 效果展示

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/gif/1635390942310-59090dd2-0f2f-4e83-b122-0bf3bf06692e.gif)
</Frame>

效果示例

### 3.2 携带参数跳转详情

先参考 [**3.1报表跳转数据详情页面**](/zh/yida/report/vg422d)设置，然后再按以下步骤进行实现：

#### 添加参数

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1640659699428-e3dd54c0-5fc9-4cc2-8abe-1850865833b9.png)
</Frame>

#### 设置跳转链接

在 3.1 章节，基础上加上 **\&ppp=产品名称** ，注意产品名称是表单中的字段

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639624953925-26d7decb-c1af-4787-b4f2-eff26fee6e2c.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639624985767-e550af31-e7ac-4c12-b19e-10808184edf6.png)
</Frame>

设置参数跳转

#### 效果展示

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/gif/1635392141445-e7a6a2f3-2173-41f7-ac16-28f6817cd31c.gif)
</Frame>

效果示例

### 3.3 报表跳转报表并实现过滤

#### 自定义参数

在进行跳转的目标报表【出库表】中设置页面属性，添加一个字符串类型的参数，并对参数进行命名

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1646377124146-8f0dceda-2713-473a-a0d2-56a817316b83.png)
</Frame>

#### 设置筛选组件默认值

将筛选组件的默认值设置为卡片参数，选择刚刚设置的参数 test

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1646377163137-15ec419f-93ee-4b10-be92-f24951a58514.png)
</Frame>

#### 设置链接跳转

【入库表】报表中配置表格字段的链接，复制【出库表】报表的预览链接，在链接后面添加&符号，拼接已设置的参数名test= 空格@过滤字段，如下图所示：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1646377219824-299e3fc6-dd05-40f8-8e98-f7b36f97bcd0.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1646377311841-2821c5ce-720c-403f-bb85-27e3b16bb5be.png)
</Frame>

#### 效果展示

点击【入库表】报表的商品名称【山药】，直接跳转到【出库表】报表并筛选出【山药】的数据。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1646377342679-b772a254-31dc-44a5-931c-b18533da7d44.png)
</Frame>