搜索框自动提示的效果
搜索框自动提示的效果,当我们输入iphone时,下面显示相关的iphone的其它数据作为参考。
绘制原型
- 01
绘制原型,给相应的元件命名,将动态面板设置为隐藏
- 02
在中继器添加数据集
给元件添加动作
- 01
为数据集添加动作
- 02
搜索过滤,就要先查找字符串,找到后,再显示出来,就要用到indexOf()函数,要么找到字符串,要么找不到,找到即返回字符串所在位置,用在这里,也不需要,只需要告诉我们,找没找到。那么找不到的时候,就返回-1。那结论就是,找不到就返回-1。 当文本改变时,在搜索框中添加动作,输入内容时,对中继器进行过滤,找到就显示出来, 代码:[[TargetItem.Column0.indexOf(LVAR1)>-1]]
- 03
当文本输入框为空时,则不显示动态面板。
- 04
如果单击筛选的结果,就将文本框的文字修改为单击的条目,这时要添加单击动作。同时隐藏面板。设置文本为[[This.text]]
为查询按钮添加动作
- 01
如果找不到就把文本添加到中继器中去,怎么判断找不到呢,筛选结果为零时,就判断找不到。添加一个函数判断:if "[[LVAR1.itemCount]]" == "0",就添加行
- 02
添加行,将当前输入的内容添加到中继器
- 03
找到的同时,要将中继器的筛选结果设置为当前的文本. 代码:[[TargetItem.Column0==LVAR1]]
赞 (0)