Axure中继器的运用——实现模糊查询功能
Axure中继器的使用——实现模糊查询
首先我们需要使用到Axure RP软件，这里不多赘述，下载安装使用教程自行去找，我不提供哦！
那我们来打开到Axure的界面来创建一个中继器吧。
- 首先，我们先将元件库中Default中的中继器这个元件拖拽到页面中。
- 其次，我们给中继器的右侧样式栏中手动添加数据，添加了两列数据：用户名username和地址place。然后再给拖拽一个单行文本框和一个按钮到页面，自行调整样式。另外再在中继器上方拖拽一个表格作为表头。双击中继器，在中继器容器中添加表格。
- 单击选中中继器，点击右侧栏中的交互，点击添加事件为每项载入时，添加动作为设置文本，选择中继器中目标元件对应的列名username，将值设置为[[item.username]]。同理，点击插入动作，将place的值设置为[[item.place]]。
- 选中搜索按钮，为按钮添加事件为鼠标单击时，添加动作为新增过滤器。设置动作，目标元件为中继器，打开规则编辑值，新增局部变量，变量名为temp，当前元件设为单行文本框。
- 之后这里我觉得有点小重点吧。点击上方插入变量、函数、属性或运算符，输入字符串[[Item.username.indexOf(temp)>-1 || Item.place.indexOf(temp)>-1]]，这里使用到indexOf()方法来检索字符串，当值为-1时表示没有检索到字符串值，当值大于-1时，表示检索到了字符串。
- 最后，在浏览器中预览。
--------------------------------------end----------------------------------------