数据的显示方法及装置、存储介质及处理器制造方法及图纸

技术编号:24089081 阅读:18 留言:0更新日期:2020-05-09 07:16
本申请公开了一种数据的显示方法及装置、存储介质及处理器。该方法包括:在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,选择框用于在目标数据集中选择目标数据,层级结构中至少包括目标数据集的第一个层级的节点;检测是否接收到针对层级结构中节点的第二点击指令;在检测结果为是的情况下,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项。通过本申请,解决了相关技术中将层级结构的数据的结构和内容同时平铺,需要下拉查找选项,且不便确认选项的所属节点的问题。

Data display method and device, storage medium and processor

【技术实现步骤摘要】
数据的显示方法及装置、存储介质及处理器
本申请涉及数据显示领域,具体而言,涉及一种数据的显示方法及装置、存储介质及处理器。
技术介绍
在层级结构的数据集中进行数据选择时,当选项较多的时候,而且可选择的选项呈树形结构的时候,需要用到树状的下拉选择器进行数据选择,例如公司层级数据、学科系统数据、分类目录数据等。如图1所示,在相关技术中,层级结构的数据集的数据结构和内容平铺显示,在每个节点前加一个复选框,选中即是结果。但是当树状结构较大,节点较多的时候,下拉框就会变得很长,或者出现用以滚动下拉选项的滚动条,不方便用户查找和选择。而且对于分类下的选项较多时,不能直接确定这个选项是属于哪个分类的,需要滚动上去才能看到,不够直观,用户体验不佳。针对相关技术中将层级结构的数据的结构和内容同时平铺,需要下拉查找选项,且不便确认选项的所属节点的问题,目前尚未提出有效的解决方案。
技术实现思路
本申请的主要目的在于提供一种数据的显示方法及装置、存储介质及处理器,以解决相关技术中将层级结构的数据的结构和内容同时平铺,需要下拉查找选项,且不便确认选项的所属节点的问题。为了实现上述目的,根据本申请的一个方面,提供了一种数据的显示方法。该方法包括:在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,选择框用于在目标数据集中选择目标数据,层级结构中至少包括目标数据集的第一个层级的节点;检测是否接收到针对层级结构中节点的第二点击指令;在检测结果为是的情况下,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项。进一步地,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项包括:若目标节点下选项的数量大于预设数量,则对目标节点下的选项进行分页显示,每个分页所显示的最大选项数量为预设数量。进一步地,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项之后,该方法还包括:在检测到第二预设区域内的搜索框内输入目标检索条件的情况下,在第二预设区域内显示满足目标检索条件的选项。进一步地,在显示第二点击指令所针对的目标节点下的选项时,若目标节点具有下级节点,在第一预设区域内显示下级节点。进一步地,在检测是否接收到针对层级结构中节点的第二点击指令之前,该方法还包括:在界面上的第二预设区域内显示层级结构中的第一个层级中的预设节点下的选项。进一步地,在显示第二点击指令所针对的目标节点下的选项之后,该方法还包括:在检测到目标节点下的选项被选中的情况下,在选择框中显示被选中的选项的名称。进一步地,该方法还包括:在界面上的第三预设区域内检测到点击动作时,取消显示目标数据集的层级结构,和/或取消显示目标节点下的选项,其中,第三预设区域为第一预设区域和第二预设区域之外的区域。为了实现上述目的,根据本申请的另一方面,提供了一种数据的显示装置。该装置包括:第一显示单元,用于在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,选择框用于在目标数据集中选择目标数据,层级结构中至少包括目标数据集的第一个层级的节点;检测单元,用于检测是否接收到针对层级结构中节点的第二点击指令;第二显示单元,用于在检测结果为是的情况下,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项。为了实现上述目的,根据本申请的另一方面,提供了一种存储介质,存储介质包括存储的程序,其中,程序执行上述任意一种数据的显示方法。为了实现上述目的,根据本申请的另一方面,提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述任意一种数据的显示方法。通过本申请,采用以下步骤:在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,选择框用于在目标数据集中选择目标数据,层级结构中至少包括目标数据集的第一个层级的节点;检测是否接收到针对层级结构中节点的第二点击指令;在检测结果为是的情况下,在界面上的第二预设区域内显示第二点击指令所针对的目标节点下的选项,解决了相关技术中将层级结构的数据的结构和内容同时平铺,需要下拉查找选项,且不便确认选项的所属节点的问题。通过分别显示目标数据集的层级结构和目标节点下的选项,进而达到了方便地显示目标数据集的结构以及目标数据集的选项所属的节点的效果。附图说明构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:图1是相关技术中的数据的显示方法的示意图;图2是根据本申请实施例提供的数据的显示方法的流程图;图3是根据本申请实施例提供的数据的显示方法的示意图;以及图4是根据本申请实施例提供的数据的显示装置的示意图。具体实施方式需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。为了使本
的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。根据本申请的实施例,提供了一种数据的显示方法。图2是根据本申请实施例的数据的显示方法的流程图。如图2所示,该方法包括以下步骤:步骤S101,在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,选择框用于在目标数据集中选择目标数据,层级结构中至少包括目标数据集的第一个层级的节点。需要说明的是,在通过选择框进行数据选择之前,提供目标数据集,根据目标数据集的层级结构渲染好选择器,通过监听选择框内的点击事件,在选择框被点击的情况下,显示下拉框并展示通过层级结构渲染成树状的目标数据集。例如,如图3所示,选择框内显示有“请选择”字样,用户点击选择框之后,在选择框下方的位置显示名称为“一级-1”和“一级-2”两个数据集的层级结构,具体地,数据集“一级-1”具有层级结构,显示数据集“一级-1”第一个层级的节点,包括节点“一级”和节点“二级”,而数据集“一级-2”没有层级结构,不显示其层级结构。<本文档来自技高网
...

【技术保护点】
1.一种数据的显示方法,其特征在于,包括:/n在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,所述选择框用于在所述目标数据集中选择目标数据,所述层级结构中至少包括所述目标数据集的第一个层级的节点;/n检测是否接收到针对所述层级结构中节点的第二点击指令;/n在检测结果为是的情况下,在所述界面上的第二预设区域内显示所述第二点击指令所针对的目标节点下的选项。/n

【技术特征摘要】
1.一种数据的显示方法,其特征在于,包括:
在检测到选择框接收到第一点击指令的情况下,在界面上的第一预设区域内显示目标数据集的层级结构,其中,所述选择框用于在所述目标数据集中选择目标数据,所述层级结构中至少包括所述目标数据集的第一个层级的节点;
检测是否接收到针对所述层级结构中节点的第二点击指令;
在检测结果为是的情况下,在所述界面上的第二预设区域内显示所述第二点击指令所针对的目标节点下的选项。


2.根据权利要求1所述的方法,其特征在于,在所述界面上的第二预设区域内显示所述第二点击指令所针对的目标节点下的选项包括:
若所述目标节点下选项的数量大于预设数量,则对所述目标节点下的选项进行分页显示,每个分页所显示的最大选项数量为所述预设数量。


3.根据权利要求1所述的方法,其特征在于,在所述界面上的第二预设区域内显示所述第二点击指令所针对的目标节点下的选项之后,所述方法还包括:
在检测到所述第二预设区域内的搜索框内输入目标检索条件的情况下,在所述第二预设区域内显示满足所述目标检索条件的选项。


4.根据权利要求1所述的方法,其特征在于,在显示所述第二点击指令所针对的目标节点下的选项时,若所述目标节点具有下级节点,在所述第一预设区域内显示所述下级节点。


5.根据权利要求1所述的方法,其特征在于,在检测是否接收到针对所述层级结构中节点的第二点击指令之前,所述方法还包括:
在所述界面上的第二预设区域内显示...

【专利技术属性】
技术研发人员:张景
申请(专利权)人:北京国双科技有限公司
类型:发明
国别省市:北京;11

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

1