Axure实现中继器的筛选功能

 时间:2026-04-21 16:57:29

1、先在Axure的画布中,分别拖入一个文本框控件,内容为‘种类’,下拉列表控件,内容填充为‘电器、水果、蔬菜’,一个按钮控件‘筛选’,具体如下图所示:

Axure实现中继器的筛选功能

2、在布局下方拖入一个中继器,双击进入中继器,不用管那个默认的矩形框,可以直接删除,自己任意布局,我是拖入了两个文本框,分别记为text001,text002具体如下图所示:

Axure实现中继器的筛选功能

3、在右边的数据表中,填充原始的数据,具体如下图所示:

Axure实现中继器的筛选功能

4、在中继器中,设置交互事件,令text001=Item.name,text002=Item.price,这样可以实现动态的增加或者减少数据,具体如下图:

Axure实现中继器的筛选功能

5、设置筛选按钮的点击事件,当点击按钮时,判断下拉列表中的数据为哪个?相应的显示下方的数据,具体演示效果如下图所示:

Axure实现中继器的筛选功能

  • 拘留和羁押的区别是什么
  • 怎么用CorelDRAW软件制作红十字医院LOGO标志
  • 煲汤需要注意的六个要点
  • js如何控制函数只执行N次
  • 逃脱本色第六章攻略
  • 热门搜索
    向什么向什么向什么造句 七夕是什么意思 奶瓶什么材质的最好 股票前加xd是什么意思 actually是什么意思 考试顺利的祝福语8个字 韩国菜都有什么 情侣戒指什么牌子好 锲而不舍的意思是什么 风马牛不相及的意思