Axure RP9教程 多级联动

一、说明

三级联动在系统中应用场景比较普遍，例如省、市、区或商品大、小类区分。这种效果我们怎么来实现呢？
思路：

1. 添加多个动态面板；
2. 给动态面板元件设置相关交互事件，来控制其他面板不同的状态。

二、效果显示

案例链接：https://f9d9x0.axshare.com/

三、操作步骤

1. 添加三省、市、区下拉列表，将市、区下拉列表转换为动态面板；
2. 给省下拉框添加数据源

江西省、江苏省

3. 将市、区下拉框添加不同状态，分别以省、市命名，具体操作如下：
   
4. 给省下拉控件设置选项改变时交互事件，同时添加设置面板隐藏动作，具体操作如下：
   

大纲元件命名一定要规范，便于快速查找元件

5. 通过预览效果我们发现下拉并没有展示实际切换效果，这个时候我们只要添加交互判断条件，具体如下：
   
   PS:小技巧

在交互区域选中另一交互事件可复制粘贴，减少重复添加事件操作

6. 最后我们再次预览效果，如下
   
7. 市下拉交互事件与省下拉操作类似。