2016.8.22 Axure两级下拉框联动的实现
2016-08-23 15:14
435 查看
刚学Axure,有些很简单的东西都要弄很久,但是弄出来的总归是很开心的。
参考来自:实现省市县下拉框的三级联动
http://www.woshipm.com/rp/348795.html/comment-page-1
我的实现:
1.添加两个droplist,并且为之命名:province和city。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151009136-1289267201.png)
2.为province添加两个选项。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151034917-1714528635.png)
3.将city转换为dynamic panel。
右击city,选择选项“convert to dynamic panel”。
4.为city添加两个状态(与province的选项对应)。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151045901-991585309.png)
5.选中状态“选择湖南省时”,双击进入编辑状态。
6.在此编辑状态中,添加一个和home页一样大小的droplist,并且为此droplist添加三个选项。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151054292-179949534.png)
7.为另一个状态“选择浙江省时”同样操作。
8.回到主页面,为province添加“OnSelectionChange”用例。有几个选项就添加几个用例。
当province选择"湖南省"时,动态面板dynamic panel跳转到状态"选择湖南省时",然后显示给页面的就是选项邵阳、娄底、隆回等。
相应的选择"浙江省"时,动态面板就跳转到状态"选择浙江省时",然后显示给页面的就是选项绍兴、杭州等。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151102823-720428754.png)
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151113308-2016036561.png)
完成。
参考来自:实现省市县下拉框的三级联动
http://www.woshipm.com/rp/348795.html/comment-page-1
我的实现:
1.添加两个droplist,并且为之命名:province和city。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151009136-1289267201.png)
2.为province添加两个选项。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151034917-1714528635.png)
3.将city转换为dynamic panel。
右击city,选择选项“convert to dynamic panel”。
4.为city添加两个状态(与province的选项对应)。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151045901-991585309.png)
5.选中状态“选择湖南省时”,双击进入编辑状态。
6.在此编辑状态中,添加一个和home页一样大小的droplist,并且为此droplist添加三个选项。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151054292-179949534.png)
7.为另一个状态“选择浙江省时”同样操作。
8.回到主页面,为province添加“OnSelectionChange”用例。有几个选项就添加几个用例。
当province选择"湖南省"时,动态面板dynamic panel跳转到状态"选择湖南省时",然后显示给页面的就是选项邵阳、娄底、隆回等。
相应的选择"浙江省"时,动态面板就跳转到状态"选择浙江省时",然后显示给页面的就是选项绍兴、杭州等。
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151102823-720428754.png)
![](https://images2015.cnblogs.com/blog/980658/201608/980658-20160823151113308-2016036561.png)
完成。
相关文章推荐
- 2016.8.22 Axure两级下拉框联动的实现
- Axure两级下拉框联动的实现
- Js实现两级下拉联动(非异步方式)
- Ajax实现无刷新三联动下拉框
- Ajax实现无刷新三联动下拉框
- JavaScript实现二级、多级(N级)联动下拉列表框更新版,支持IE6,FireFox,函数和类两种调用方式,支持到N级,非常通用。
- Atlas实现无刷新三级联动下拉框
- ajax实现无刷新两级联动DropDownList
- xmlhttp实现的三级连动下拉菜单(无刷新)经测试,有bug。无法三级联动,只能两级连动。
- Ajax实现无刷新三联动下拉框
- Javascript 单数组实现列表框两级联动三级联动 By shawl.qiu
- Ajax实现无刷新三联动下拉框
- 用XML实现三级联动下拉列表框
- Ajax实现二级联动下拉框
- XmlHttp实现无刷新三联动下拉框
- 一个用webservice behavior实现的三级联动下拉列表框
- Ajax实现无刷新三联动下拉框
- Ajax实现无刷新三联动下拉框
- AJAX实现无刷新三联动下拉框
- XmlHttp实现无刷新三联动下拉框