选择组件及其控制方法技术

技术编号:20841073 阅读:22 留言:0更新日期:2019-04-13 08:35
本说明书实施例提供一种选择组件及其控制方法,采用一体化设置的初级选择组件与次级选择组件来实现多项选择,在前端开发时,无需同时对两个独立的单选组件进行开发维护,减小了维护成本和复杂度。并且,将次级选择组件的各个次级选择模块显示在与之相关联的初级选择模块的显示区域内,能够直观地展现一级选择模块与二级选择模块之间的关联关系,提高选择模块之间的隐喻效果,从而降低用户在使用过程中的认知成本,提升用户体验。

【技术实现步骤摘要】
选择组件及其控制方法
本说明书涉及数据处理计算机软件
,尤其涉及选择组件及其控制方法数据库表处理方法和装置。
技术介绍
在用户与计算机交互的过程中,用户经常需要进行连续多次选择的交互任务,从而完成对特定信息的选择或对特定界面内容的筛选。以连续二次选择为例,二级选择即为选中的特定信息或获取目标界面特定内容,需在一次选择完成后,在选中初次选择项的背景下进行二次选择。用户可能需要首先在多个一级选项中选择一项,该一级选项可能还包括若干个二级选项,因此,在选择一级选项之后,用户还需要从该一级选项的二级选项中再选择一项。
技术实现思路
基于此,本说明书提供了选择组件及其控制方法。根据本说明书实施例的第一方面,提供一种选择组件,所述选择组件包括:控制组件,初级选择组件,以及与所述初级选择组件一体化设置的至少一个次级选择组件,所述初级选择组件包括若干个初级选择模块,每个次级选择组件至少与一个初级选择模块相关联,每个次级选择组件至少包括一个次级选择模块;在所述初级选择模块接收到初级模块选择指令之后,所述控制组件控制选择组件的当前显示样式进行切换,以便在预先为所选择的初级选择模块设置的显示区域内,对与所选择的初级选择模块相关联的次级选择组件的各个次级选择模块进行显示。可选地,所述控制组件还用于:在所述次级选择模块接收到次级模块选择指令之后,将所选择的次级选择模块对应的选项信息发送至后台进行处理。可选地,所述控组件块还用于:在所述次级选择模块接收到次级模块选择指令之后,根据所选择的次级选择模块对应的选项信息调整当前显示界面的显示内容。可选地,所述初级选择组件包括单项初级选择模块和/或多项初级选择模块;和/或所述次级选择组件包括单项次级选择模块和/或多项次级选择模块。可选地,所述控制组件还用于:控制所述初级选择组件启用所述单项初级选择模块或者多项初级选择模块;和/或控制所述次级选择组件启用所述单项次级选择模块或者多项次级选择模块。根据本说明书实施例的第二方面,提供一种控制方法,所述方法包括:通过初级选择组件中的初级选择模块接收初级模块选择指令;通过控制组件控制选择组件的当前显示样式进行切换,以便在预先为所选择的初级选择模块设置的显示区域内,对与所选择的初级选择模块相关联的次级选择组件的各个次级选择模块进行显示。可选地,所述方法还包括:通过次级选择组件中的次级选择模块接收次级模块选择指令;通过控制组件将所选择的次级选择模块对应的选项信息发送至后台进行处理。可选地,所述方法还包括:通过次级选择组件中的次级选择模块接收次级模块选择指令;通过控制组件根据所选择的次级选择模块对应的选项信息调整当前显示界面的显示内容。根据本说明书实施例的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现任一实施例所述的选择组件的功能。根据本说明书实施例的第四方面,提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现任一实施例所述的选择组件的功能。应用本说明书实施例方案,采用一体化设置的初级选择组件与次级选择组件来实现多项选择,在前端开发时,无需同时对两个独立的单选组件进行开发维护,减小了维护成本和复杂度。并且,将次级选择组件的各个次级选择模块显示在与之相关联的初级选择模块的显示区域内,能够直观地展现一级选择模块与二级选择模块之间的关联关系,提高选择模块之间的隐喻效果。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本说明书。附图说明此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本说明书的实施例,并与说明书一起用于解释本说明书的原理。图1是一个实施例的二级连续单选的示意图。图2(a)是本说明书第一实施例的选择组件的示意图。图2(b)是本说明书第二实施例的选择组件的示意图。图2(c)是本说明书第三实施例的选择组件的示意图。图3(a)是本说明书一个实施例的选择组件的第一显示样式示意图。图3(b)是本说明书一个实施例的选择组件的第二显示样式示意图。图3(c)是本说明书一个实施例的选择组件的第三显示样式示意图。图3(d)是本说明书一个实施例的选择组件的第三显示样式示意图。图4是本说明书一个实施例的选择组件的控制方法流程图。图5是本说明书另一个实施例的用于实施本说明书方法的计算机设备的结构示意图。具体实施方式这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本说明书的一些方面相一致的装置和方法的例子。在本说明书使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本说明书。在本说明书和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。应当理解,尽管在本说明书可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本说明书范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。如图1所示,是一个实施例的二级连续单选的示意图。用户可先选择一级选择组件中的某个一级选项,在图1中,一级选项包括选项一至选项六,当前选中的是选项二。选中选项二之后,在选项二的邻近位置,可显示选项二对应的二级选择组件中的二级选项,即子选项一至子选项四。用户可以通过勾选子选项前的选择按钮来选择其中一个子选项。在这种方式中,一级选择组件与二级选择组件通常采用两个相互独立的选择组件,各二级选项与一级选项之间的从属关系不够清晰,并且,需要同时对两个独立的单选组件进行开发维护,这种应用不利于技术维护和形成技术规范。基于此,本说明书实施例提供一种选择组件,所述选择组件包括:控制组件,初级选择组件,以及与所述初级选择组件一体化设置的至少一个次级选择组件,所述初级选择组件包括若干个初级选择模块,每个次级选择组件至少与一个初级选择模块相关联,每个次级选择组件至少包括一个次级选择模块;在所述初级选择模块接收到初级模块选择指令之后,所述控制组件控制选择组件的当前显示样式进行切换,以便在预先为所选择的初级选择模块设置的显示区域内,对与所选择的初级选择模块相关联的次级选择组件的各个次级选择模块进行显示。本说明书实施例的选择组件是为针对性解决某类交互问题而设计的独立控件,其集成有封装好的一段程序代码、程序单元,在开发时可直接调用和复用。图2(a)至图2(c)分别是选择组件的三种可能的样式。在上述附图中,初级选择组件均包括选项一、选项二和选项三这三个初级选择模块。如图所示,初级选择模块可以是选择按钮,当然,实际应用场景下,初级选择模块也可以是下拉选择框或者其他形式的选择模块。初级选择组件与两个次级选择组件一体化设置,其中一个次级选择本文档来自技高网...

【技术保护点】
1.一种选择组件,所述选择组件包括:控制组件,初级选择组件,以及与所述初级选择组件一体化设置的至少一个次级选择组件,所述初级选择组件包括若干个初级选择模块,每个次级选择组件至少与一个初级选择模块相关联,每个次级选择组件至少包括一个次级选择模块;在所述初级选择模块接收到初级模块选择指令之后,所述控制组件控制选择组件的当前显示样式进行切换,以便在预先为所选择的初级选择模块设置的显示区域内,对与所选择的初级选择模块相关联的次级选择组件的各个次级选择模块进行显示。

【技术特征摘要】
1.一种选择组件,所述选择组件包括:控制组件,初级选择组件,以及与所述初级选择组件一体化设置的至少一个次级选择组件,所述初级选择组件包括若干个初级选择模块,每个次级选择组件至少与一个初级选择模块相关联,每个次级选择组件至少包括一个次级选择模块;在所述初级选择模块接收到初级模块选择指令之后,所述控制组件控制选择组件的当前显示样式进行切换,以便在预先为所选择的初级选择模块设置的显示区域内,对与所选择的初级选择模块相关联的次级选择组件的各个次级选择模块进行显示。2.根据权利要求1所述的选择组件,所述控制组件还用于:在所述次级选择模块接收到次级模块选择指令之后,将所选择的次级选择模块对应的选项信息发送至后台进行处理。3.根据权利要求1所述的选择组件,所述控组件块还用于:在所述次级选择模块接收到次级模块选择指令之后,根据所选择的次级选择模块对应的选项信息调整当前显示界面的显示内容。4.根据权利要求1至3任意一项所述的选择组件,所述初级选择组件包括单项初级选择模块和/或多项初级选择模块;和/或所述次级选择组件包括单项次级选择模块和/或多项次级选择模块。5.根据权利要求4所述的选择组件,所述控制组件还用于:控制所述初级选择组件启...

【专利技术属性】
技术研发人员:陈凯翔
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1