关于Axure中,中继器的模糊查询

**

关于Axure中,中继器的模糊查询

刚入行的新人产品一枚,想找个地方把学习过的东西整理一下思路,并且都记下来,免得将来记不住,如果文章能给别人带来帮助就更好了!有错误的话还请各路大佬多多指正!话不多说我们进入正题!

一、创建中继器

关于Axure中,中继器的模糊查询
在左侧元件库中拖拽出中继器放到画布上,在右侧的列名中写下:name sex、age、grade、hobby五项,并在第一行对应以上字段,分别是姓名、性别、年龄、成绩、爱好,此时我们可以看到中继器上只出现了姓名一个字段,如何显示后面字段呢?
关于Axure中,中继器的模糊查询
我们双击中继器,然后会在左上角出现一个长方形,它对应的就是我们的姓名字段,我们将第一个复制,并在后方排列好,并给每个框框进行命名,我是按照列的顺序和框框对应的,所以命名分别是:name、sex、age、grade、hobby
在返回中继器主页面,让每个字段和中继器的对应框框进行绑定
关于Axure中,中继器的模糊查询
关于Axure中,中继器的模糊查询
关于Axure中,中继器的模糊查询
所有字段在中继器上都显示了,接下来我们在中继器中填上一些数据,可以让后续进行模糊查找。
关于Axure中,中继器的模糊查询

二、添加搜索功能

关于Axure中,中继器的模糊查询
从元件库拽出文本框和按钮,并为其分别命名为“输入文本框”和结果查询
关于Axure中,中继器的模糊查询
1.单击按钮,添加“鼠标单击时”交互动作
2.在左侧添加动作中找到中继器,并选择“添加筛选”
3.右侧勾选中继器,并在右下方写好名称和fx函数,名称可以自定义,我定义的是temp。
4.点击fx标志。
关于Axure中,中继器的模糊查询

添加全局标量,如图所示。
[[(Item.name.indexof(temp)+Item.sex.indexof(temp)+Item.age.indexof(temp)+Item.grade.indexof(temp)+Item.hobby.indexof(temp))>-5]]
我们来剖析一下这个函数哈
可以看到下面局部变量的值,temp拿到的是文本框中输入的值,然后,拿到了每一列的值之后去和相对应的列去比较,对应比较的返回值是-1,我们一共有5列则是-5