[发明专利]前端Select组件悬浮交互系统和方法

说明书

一种前端Select组件悬浮交互系统和方法，包括：前端装置与同其通讯相连的后端装置；所述后端装置存放有待检索信息；所述前端装置上设有Select组件，所述前端装置上显示有输入框；所述前端Select组件悬浮交互系统还包括传递单元一、匹配单元、传递单元二、显示单元与悬浮单元；有效避免了现有技术中前端装置运用Select组件的远程搜索功能时往往要点击输入框方可展开全体匹配信息执行查看、会对现有的输入框所在的UI布局造成重新布局的视觉移动的问题、前台装置运用定时激活收取匹配信息的模式机动性不佳的缺陷。

技术领域

本发明涉及悬浮交互技术领域，具体涉及一种前端Select组件悬浮交互系统和方法。

背景技术

Select组件的用法是选择信息集中的某个信息项的值，赋值给另一个信息集当前行的一个或两个信息项。从而实现选择的功能。Select组件，可以把选项抽离出来作为子组件，整个组件为父组件，其主要由div、input、custom-select、ul、li等标签构成基本的Select组件页面结构。主要的功能项：输入框及button按钮，构成初次展现的页面，经由点击输入框按钮，列表选择项出现，当点击选择项中的某一项内容时，输入框中会出现相应的内容，再点击输入框，下拉选择项列表隐藏。同时，经由父组件与子组件之间的自定义属性及自定义事件的交互，实现父子组件间的信息交互。

具体而言，前端装置运用Select组件的远程搜索功能已经成为越来越普遍的现象，也就是Select组件把检索用的关键字传递至远程的信息源去检索，以此得到在所述信息源内同该检索用的关键字相匹配的匹配信息，随后把该匹配信息回传而在输入框内显示。

在实际运用中，匹配信息在输入框的显示区域常常因为量大而不能显示周全，此时往往要点击输入框方可展开全体匹配信息执行查看，就会对现有的输入框所在的UI布局造成重新布局的视觉移动的问题。

另外，怎样减小前台装置的用电量来让它更可靠、更长时段的执行为现在技术突破的关键方向；目前，前台装置运用定时激活收取匹配信息的模式，在待机时前台装置不执行信息通路的侦测，由此减小前台装置的用电量，但是该类模式机动性不佳，无法符合愈来愈高性能要求的前台装置快速、正确的达成其繁琐的性能。

发明内容

为解决所述问题，本发明提供了一种前端Select组件悬浮交互系统和方法，有效避免了现有技术中前端装置运用Select组件的远程搜索功能时往往要点击输入框方可展开全体匹配信息执行查看、会对现有的输入框所在的UI布局造成重新布局的视觉移动的问题、前台装置运用定时激活收取匹配信息的模式机动性不佳的缺陷。

要克服现有技术中的不足，本发明提供了一种前端Select组件悬浮交互系统和方法的解决方案，具体如下：

一种前端Select组件悬浮交互系统，包括：

前端装置与同其通讯相连的后端装置；

所述后端装置存放有待检索信息；

所述前端装置上设有Select组件，所述前端装置上显示有输入框；

所述前端Select组件悬浮交互系统还包括传递单元一、匹配单元、传递单元二、显示单元与悬浮单元；

所述传递单元一用于让前端装置运用Select组件把检索用的关键字传递至作为远程的信息源的后端装置内；

所述匹配单元用于让后端装置收取了检索用的关键字，在待检索信息内检索出该关键字相匹配的匹配信息；

所述传递单元二用于让后端装置把匹配信息传递至前端装置内；

所述显示单元用于让前端装置把收取到的匹配信息送至输入框内显示；

所述悬浮单元用于若手指触碰到输入框区域内，就在输入框的右下方悬浮显示全部的匹配信息；