自动完成编辑框的使用

avatar 2019年6月29日21:29:49 评论 1,147

加入VIP,可以享受无广告视频播放!更可享受教程提前看!详情猛戳:VIP介绍

在火山程序中,还有一个组件,叫做自动完成编辑框,它跟普通的编辑框不太一样的地方在于,它支持输入到一定内容时弹出一个下拉列表框,你可以继续你的输入,也可以从下拉列表框中选择你最后要输入的内容而快速完成填充。

这个功能的应用场景在于:输入用户名时,如果用户名是邮箱的,通常我们仅需要用户输入邮箱前面的登录名即可,当用户输入@符号的时候,会自动弹出预设好的登录名跟后面的邮箱域名的组合。比如输入xueshanlinghu为登录名,当输入@符号时,会自动弹出下拉列表框,其中的选项有如:xueshanlinghu@qq.com,xueshanlinghu@163.com,xueshanlinghu@126.com等等。用户可以选择其中正确的那一项,即可自动填充到编辑框中去,非常的省心方便。

本例就是该做法的例程,希望对大家有所启发。

具体的看源码就懂啦,写了非常详细的注释。组件方面我把原有的用户名的编辑框去除了,换成了自动完成编辑框组件来替代,请大家知悉。

 

最后附上咱们的源码下载地址:

内容已经隐藏,请注册为本站会员后查看
avatar

发表评论

您必须才能发表评论!