[發明專利]前端Select組件懸浮交互系統和方法

有效

• 申請號: 202210274594.X
• 申請日: 2022-03-21
• 公開（公告）號: CN114356293B
• 公開（公告）日: 2022-05-31
• 發明（設計）人: 張蕾;支東陽;崔文靜
• 申請（專利權）人: 舟譜數據技術南京有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20
• 代理公司: 南京佰騰智信知識產權代理事務所(普通合伙) 32509
• 代理人: 黃杭飛

一種前端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組件把檢索用的關鍵字傳遞至作為遠程的信息源的后端裝置內；

所述匹配單元用于讓后端裝置收取了檢索用的關鍵字，在待檢索信息內檢索出該關鍵字相匹配的匹配信息；

所述傳遞單元二用于讓后端裝置把匹配信息傳遞至前端裝置內；

所述顯示單元用于讓前端裝置把收取到的匹配信息送至輸入框內顯示；

所述懸浮單元用于若手指觸碰到輸入框區域內，就在輸入框的右下方懸浮顯示全部的匹配信息；