[发明专利]一种筛选控件

说明书

本申请提供了一种筛选控件，包括：控件框组件、菜单组件和搜索组件，其中，控件框组件用于展示控件框，菜单组件用于展示包括搜索框和若干选项的下拉菜单，当用户想要搜索需要的数据时，可方便地在下拉菜单中的搜索框中输入关键词，从而使得搜索组件基于关键词快速搜索到用户想要的数据，并且，由于搜索框设置于下拉菜单中，因此，用户很容易发现筛选组件的筛选功能，另外，菜单组件在接收到菜单激活指令时，展示下拉菜单，并且仅在接收到菜单收起指令时才会将下拉菜单收起，这使得用户可在下拉菜单中完成所有选项的选择行为，不需要频繁的激活下拉菜单，简化了用户的操作，提升了用户体验。

技术领域

本申请涉及数据筛选领域，尤其涉及一种筛选控件。

背景技术

在日常的工作和生活中，经常需要从数据库存储的海量的信息中筛选出需要的数据。例如，在广告业务数据分析中，需要从后端数据库存储的众多的广告主中筛选出所需广告主，例如筛选出与某关键词相关的广告主。由于广告业务数据具有数据量大、字段长的特点，查找难度很大。因此，亟需一种筛选效率较高的筛选控件。

发明内容

有鉴于此，本申请提供了一种筛选控件，用以快速筛选出用户所需数据，其技术方案如下：

一种筛选控件，包括：控件框组件、菜单组件和搜索组件；

所述控件框组件，用于展示控件框；

所述菜单组件，用于在接收到菜单激活指令时，展示第一状态下的下拉菜单；以及满足第一切换条件时，将所述第一状态下的下拉菜单切换为第二状态下的下拉菜单；以及在接收到菜单收起指令时，将所述下拉菜单收起；其中，所述第一状态下的下拉菜单和所述第二状态下的下拉菜单均包括搜索框和若干选项，所述第二状态下的下拉菜单中的选项与所述第一状态下的下拉菜单中的选项不同，所述第一切换条件为检测到所述第一状态下的下拉菜单中的搜索框输入关键词；

所述控件框组件，还用于在所述控件框中展示选项信息，其中，所述选项信息为所述下拉菜单中已选选项的相关信息；

所述搜索组件，用于搜索与所述搜索框中输入的关键词相关的选项。

优选地，所述筛选控件具有第一模式和第二模式，当后端数据库中选项的数量小于或等于预设数量时，所述筛选控件处于所述第一模式，当所述后端数据库中选项的数量大于所述预设数量时，所述筛选控件处于所述第二模式；

在所述第一模式下，所述筛选控件预先从所述后端数据库中获取选项；在所述第二模式下，所述筛选控件不预先从所述后端数据库中获取选项，当需要针对所述搜索框中输入的关键词进行搜索时，再从所述后端数据库中获取与所述关键词相关的选项。

优选地，当所述筛选控件处于所述第一模式时，所述第一状态下的下拉菜单中的若干选项包括：第一选项、第二选项和至少一个第三选项；

其中，所述第一选项用于选取所有具体选项的汇总数据，所述第二选项用于选取所有的具体选项，所述第三选项为具体选项；在所述第一模式下，所述筛选控件预先从所述后端数据库中获取所述至少一个第三选项；

所述菜单组件，用于在没有任何选项被选取的前提下，若所述第二选项被选取，则选取所有的第三选项；以及，在所述第一选项被选取的前提下，若所述第二选项被选取，则选取所有的第三选项，并对所述第一选项取消选取；以及，在所述第二选项以及所有的第三选项被选取的前提下，若所述第一选项被选取，则对所述第二选项以及所有的第三选项取消选取；以及，在所述第一选项被选取的前提下，若部分第三选项被选取，则对所述第一选项取消选取。

优选地，当所述筛选控件处于所述第二模式时，所述第一状态下的下拉菜单中的若干选项包括：第一选项和第二选项，其中，所述第一选项用于选取所有具体选项的汇总数据，所述第二选项用于选取所有的具体选项；