AxureRP8实战手册-案例79(省市列表的选择联动)

AxureRP8.0教程 小楼一夜听春语 8814℃ 0评论

案例79. 省市列表的选择联动

案例来源:

360官网-个人中心-详细资料

案例效果:

  • 初始状态/选择“请选择”时:(图5-181)

5-181

  • 选择省市列表项时:(图5-182)

5-182

 

案例描述:

省市区县列表的初始选项为“请选择”,改变省市列表的选项时,区县的列表内容跟随改变。

元件准备:

  • 页面中:(图5-183)

5-183

  • 动态面板“DistrictPanel”的状态:(图5-184)

5-184

  • 动态面板“DistrictPanel”各个状态的内容:(图5-185)

5-185

包含命名:

  • 动态面板(用于放置各市区县列表):DistrictPanel
  • 动态面板状态(用于放置“请选择”列表):请选择
  • 动态面板状态(用于放置“北京市”列表):北京市
  • 动态面板状态(用于放置“天津市”列表):天津市
  • 动态面板状态(用于放置“上海市”列表):上海市
  • 动态面板状态(用于放置“广东省”列表):广东省

 

思路分析:

  • 省市列表的选项改变时,让动态面板显示状态名称与选项名称相同的状态;(操作步骤1)
  • 在更换选项时,还要将市区县列表中的选项恢复为第一个。(操作步骤2)

 

操作步骤:

1、为省市下拉列表的【选项改变时】事件添加“用例1”,设置动作为【设置面板状态】;{选择状态}为【Value】,{状态名称或序号}中填写“[[p]]”;公式中“P”为局部变量,其内容为“当前元件”(This)的【被选项】;

  • 局部变量设置:(图5-186)

5-186

2、继续上一步,添加动作【设置列表选中项】,勾选动态面板“DistrictPanel”中所有的下拉列表,{设置被选项}中的【选项】软件会自动设置为第1个选项,无需更改。

  • 事件交互设置:(图5-187)

5-187


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP8实战手册-案例79(省市列表的选择联动)

喜欢 (37)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 直接切换面板状态不是更方便
    12016-07-29 09:19 回复
  2. 没看懂
    啊啊啊2017-03-02 16:30 回复