Axure9:利用中继器实现查询条件的三级下拉框联动

1、【导学】       

          目的:利用中继器实现查询条件的三级下拉框联动

    关键元件:中继器

关键知识点: 中继器的刷选功能、设置文本

2、【原理】

[1] 用中继器做下拉条件框,隐藏

[2] 点击省份条件时,显示省份中继器

[3] 点击省份中继器的下拉值,设置省份条件的值=选中下拉框的值

[4] 地市的联动就是在点击地市条件时,增加筛选功能:地市中继器省份列值==省分条件值

3、【操作步骤】

(一)、先设置省份下拉框:

[1]  先拖一个矩形,内部输入文字:请选择,命名为:条件1.

[2] 拖一个中继器,命名:省份中继器,有1列表头是:shengfen

[3] 双击省份中继器,把下拉框的值赋值给条件1,如下。

[4] 省份中继器设置为隐藏。

[5] 当鼠标点击条件1时,设置中继器显示。

注意,这里显示的设置,如下,这样鼠标移走,下拉框自动收缩不展示。

(二)、设置地市下拉框

地市下拉框的绘制和省份下拉框设置基本一致,不一致第地方有:

[1] 地市中继器有2列,地市条件命名为:条件2

[2] 中继器加载时,设置city列为显示内容

[3] 双击地市中继器,把下拉框的值赋值给条件2(地市)

[4] 当鼠标点击条件2时,先设置地市中继器筛选(把条件1的值做为地市中继器筛选的条件),再设置中继器显示。

筛选内容:

地市中继器设置完成,区域设置类似,效果图如下:

如果有帮助,麻烦点赞,谢谢!

                             

  • 15
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值