axure8下拉表单_Axure选择下拉列表选项后添加到⽂本框效果
的实现
做原型图需要⼀个效果展⽰给前端,即⼀个输⼊框⽀持通过下拉菜单添加多个选项,如下图:
点击添加按钮,展⽰下拉列表框,选择⼀个选项后,添加到输⼊框,⽀持多次添加。
对于Axure,都是现学现⽤,⾃⼰研究了下,到了⼀个解决⽅案。
1 ⾸先选择控件。
⽂本输⼊框 Text Field
显⽰选择的list项
html内容文本框按钮 Button
按钮,点击显⽰list列表
下拉列表 List Box
包含被选择的list列表,选择后,填充到输⼊框中。
2 准备⼯作
将空间排列放置OK,并完成ListBox内容填充。 注意,List Box需要隐藏的, 点击button后展⽰。
List Box内容
image.png
3 添加效果
a ) 点击添加按钮,页⾯最上层展⽰List Box.
实现⽅法: 给Button添加OnClick Case-> "Show LIstBox bring to front"
b ) 选择list box选项后,将选择内容添加到输⼊框,且保留输⼊框内之前的内容。
实现⽅法:
1、隐藏List Box
2、设置输⼊框 = 选择值+输⼊框内的值。 set text on 输⼊框(输⼊框名称) equal to [[LVAR1+LVAR2+","]]
选择的设置菜单和值如下:
widgets 菜单选择set text,然后在右侧选择给谁设置text,及输⼊框控件。 然后设置value值。
value值为两部分:
LVAR1 = 输⼊框中的text内容
LVAR2 = 在ListBox中选择的List项。
⼆者相加,再加⼀个“,”隔开选项,这样获得Value的值为 [[LVAR1+LVAR2+","]]
完成上述步骤就实现了在输⼊框中添加多个选项的操作。
如果⽀持多选,该怎么设计,下次需要的时候再研究下吧。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论