搜索框自动提示的效果

搜索框自动提示的效果，当我们输入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)

相关推荐

  • safari浏览器在百度搜索英文总是自动提示怎么关闭?

    最近在用mac上的safari浏览器时,每当用百度搜索英文相关东东时,老时在输入英文关键词下面自动出现一些类似我输入的英文关键词.这时如果百度搜索框下面出现你想要的东西,你按下,再按回车结果搜的是这个 ...

  • 百度中的搜索框提示功能怎么设置关闭

    百度中的搜索框提示功能怎么设置关闭

    今天给大家介绍一下百度中的搜索框提示功能怎么设置关闭的具体操作步骤.1.首先打开电脑,找到桌面上的浏览器图标,双击进入2. 打开浏览器主页面后,进入百度3. 如图,打开百度页面4. 我们在搜索框中,输 ...

  • 如何设计出一个完美的搜索框

    小编:UI设计是一个不简单的工作,我们不仅需要把产品设计的好看更要注意它的用户体验.从一个产品的整体感受到一个按钮的展现形式都在我们的考虑范围,所以我们不能忽视每一个细节.今天就带大家来研究一下一个完 ...

  • 干货！最全优秀搜索框设计案例

    面对纷繁复杂的网页内容,用户通过查询关键词表达需求,期望在响应的查询结果中快速获取准确的信息和流畅的用户体验.用户与网络世界的万千联系都是从搜索开始的.搜索框之于用户就像是用户与应用或网站之间的对话窗 ...

  • 设计师眼中的搜索框小细节

    激活搜索框.输入搜索关键词.点击搜索按钮这一系列非常自然的动作看似很简单,背后的故事不少. 之前笔者发表的<搜索之前>介绍了用户使用搜索的原因,不同的用户群是怎么在页面中找到他们需要的信息 ...

  • matlab代码编辑器的自动提示/智能补齐功能

    在写代码时,如果有提示功能,将达到时半功倍的效果,特别是当变量很多的时候.那么matlab的代码编辑器有变量自动提示和只能补齐功能吗?答案是有的. 操作方法 01 matlab代码编辑器的智能提示功能 ...

  • 在编写代码时，如何设置eclipse的自动提示功能

    eclipse这款IDE工具非常强大,我们可以设置在输入首字母时,自动提示我们要输入的内容.这样可以大大提高我们的编程效率和学习效率.下面我教大家如何设置eclipse的自动提示功能. 操作方法 01 ...

  • 简单HTML5打造内涵搜索框

    随着HTML5的深入人心,其越来越多的新功能为大家所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性. 操作方法 01 代码: <input type="text& ...

  • excel表格怎么自动提示日期到期

    在企业中人事部门对员工进行档案管理时,经常会审查记录和检查在职员工的入厂和离职日期,以便进行后续的工作:营销部门会每天核对订单合同中是否有客户到了付款日期:技术部门要审核是否到了设备更新周期的日期等等 ...