低代码-选择视图多选后如何跳转

工具：

Zion低代码编辑器

介绍：

经过一段时间的低代码研究，再通过行为中的「路由-跳转」实现了简单跳转基础上，又学会增加链接数据实现针对性跳转，比如在场景为「选择某城市某行业」后点击「查询」，通过链接数据在跳转页筛选出「该城市该行业的公司信息」。

但是，我们更多的场景是「希望筛选出杭州、北京、上海的运营岗、产品岗」的公司信息。

即「如何多选后进行带参数跳转」，这就意味着链接数据中会携带的不是一个参数，而是一个列表。

效果展示

核心操作

本质上讲，解决这个问题的方式就是如何传递一个「数组」，以「城市为例」

1. 确保选择视图处于多选状态

2. 页面全局模式下，添加参数，且为列表类型

3. 当选择视图被点击时触发设置全局数据，将绑定在该选择视图上的数据模型字段赋值到对应全局数据上。

4. 此时展示页中的列表仅需过滤出城市名称被包含在全局数据/城市中的数据

   题外话

   • 有可能我们想筛选的除了城市以外，还有行业。

     • 那就以同样的方式添加一个新的全局数据，在过滤条件时添加一条「行业包含于全局数据/行业」

   • 如果只选择了「城市」，但未选择「行业」，可以展示满足「城市」的所有公司信息吗？

     • 可以，方法如下：

   「展示页」中，添加远程数据，在远程数据成功获取时，添加条件判断，如果此时全局数据集合非空，即直接展示全局数据中内容，如果此时全局数据集合为空，就需要先将远程数据赋值给全局数据。

   1. 设置「列表为空」时条件

   2. 设置「列表为空」时行为：设置全局数据

   3. 设置「列表非空」时条件

   4. 设置「非空条件」时行为：设置全局数据为全局数据