CN109271386A - 数据显示方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本公开实施例公开了一种数据显示方法、装置、电子设备及计算机可读存储介质，所述方法包括：根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。该技术方案能够对选择的数据的数量情况进行展示。

Description

数据显示方法、装置、电子设备及计算机可读存储介质

技术领域

本公开涉及数据显示技术领域，具体涉及一种数据显示方法、装置、 电子设备及计算机可读存储介质。

背景技术

目前浏览器web应用的使用越来越多，也越来越广泛，而在每个web 应用中都有信息的筛选。页面中可以实现信息筛选功能的组件有单选按 钮、多选按钮组、开关按钮、单选下拉框和多选下拉框等。当用户需要从 一组数据中选出几个想要的数据是，目前使用最多的是下拉框。

当应用场景比较复杂，需要展示的下拉数据不是离散型数据(即数据 间相互独立，不存在嵌套关系，如：苹果，李子，香蕉)，而是数据之间 有包含关系的层级数据(数据有层次之分，数据之间存在嵌套关系，如水 果与苹果、李子、香蕉之间)，现有方案下拉框方案有的虽然能按照数据 层级关系展示出来，但是父级选项却为只读的，而不能实现通过选择父级 选项同时把所有子集都选中。还有一种应用需求是，下拉框选择后需要在 选择器显示区(简称显示区，为用于展示选择结果的容器)显示已选择的 所有除父级节点以外的项目个数。而目前方案的下拉框选择之后，实现的 下拉框在展示层级数据时，展示出来的下拉结构，每个父级数据节点所对 应的结构节点为只读的，不可操作，只能对子集节点做选择操作。且选择 后显示区显示的为所有子集数据，而不能直观的显示所选的数据个数，也不能直观的看出是否所有数据都已被选中，只能通过人工每个节点去排 查。因此现有技术不能满足上述的特定需求。

发明内容

本公开实施例提供一种数据显示方法、装置、电子设备及计算机可读 存储介质，以实现对选择的数据的数量进行展示。

第一方面，本公开实施例中提供了一种数据显示方法。

具体的，所述数据显示方法，包括：

根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照 数组；

根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器 应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行 监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；

根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所 述选中的节点数据的数量。

结合第一方面，本公开在第一方面的第一种实现方式中，所述根据传 入的列表数据对应的类型参数，建立所述列表数据对应的对照数组，包括：

根据传入的所述列表数据的属性组件获取所述对应的类型参数，所述 属性组件包括所述类型参数、数据列表参数以及默认值参数；

在所述列表数据对应的类型参数的值为用于表征为分层数据的第一 参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据， 并将所有子级数据赋值给对应的对照数组；

在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述 列表数据直接赋值给对应的对照数组。

结合第一方面和第一方面的第一种实现方式，本公开在第一方面的第 二种实现方式中，所述根据所述选中的节点数据与所述对照数组的长度的 对比结果，显示所述选中的节点数据的数量，包括：

将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选 出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据 组成数据集，计算所述数据集的长度；

比较所述数据集的长度与所述对照数组的长度；

若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述 选中的节点数据为所述列表数据中所有的数据的全选信息；

若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点 数据的数量为所述数据集的长度。

结合第一方面、第一方面的第一种实现方式和第一方面的第二种实现 方式，本公开在第一方面的第三种实现方式中，所述树组件为组件库中的 树组件或者代码库中的树组件。

第二方面，本公开实施例中提供了一种数据显示装置。

具体的，所述数据显示装置，包括：

数组建立模块，被配置为根据传入的列表数据对应的类型参数，建立 所述列表数据对应的对照数组；

树结构处理模块，被配置为根据所述列表数据对应的数据列表参数以 及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构， 并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构 中选中的节点数据；

数据显示模块，被配置为根据所述选中的节点数据与所述对照数组的 长度的对比结果，显示所述选中的节点数据的数量。

结合第二方面，本公开在第二方面的第一种实现方式中，所述数组建 立模块被配置为：

根据传入的所述列表数据的属性组件(调用该组件时，向组件内传入 数据的接口)获取所述对应的类型参数，所述属性组件包括所述类型参数、 数据列表参数以及默认值参数；

在所述列表数据对应的类型参数的值为用于表征为分层数据的第一 参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据， 并将所有子级数据赋值给对应的对照数组；

在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述 列表数据直接赋值给对应的对照数组。

结合第二方面和第二方面的第一种实现方式，本公开在第二方面的第 二种实现方式中，所述数据显示模块被配置为：

将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选 出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据 组成数据集，计算所述数据集的长度；

比较所述数据集的长度与所述对照数组的长度；

若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述 选中的节点数据为所述列表数据中所有的数据的全选信息；

若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点 数据的数量为所述数据集的长度。

结合第二方面和第二方面的第一种实现方式，本公开在第二方面的第 三种实现方式中，所述树组件为组件库中的树组件或者代码库中的树组 件。

第三方面，本公开实施例提供了一种电子设备，包括存储器和处理器， 所述存储器用于存储一条或多条支持数据显示装置执行上述第一方面中 数据显示方法的计算机指令，所述处理器被配置为用于执行所述存储器中 存储的计算机指令。所述数据显示装置还可以包括通信接口，用于数据显 示装置与其他设备或通信网络通信。

第四方面，本公开实施例提供了一种计算机可读存储介质，用于存储 数据显示装置所用的计算机指令，其包含用于执行上述第一方面中数据显 示方法为数据显示装置所涉及的计算机指令。

本公开实施例提供的技术方案可以包括以下有益效果：

上述技术方案，通过采用树组件对列表数据(包括离散型数据和层级 数据)进行展示成树状结构(即下拉树结构)，该树状结构的每个节点有 一个多选框可以点选，且其父级节点是可选择的，当选择父级节点时，它 的所有子集节点也被选中。此外，根据所述选中的节点数据与所述对照数 组的长度的对比结果，显示所述选中的节点数据的数量。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释 性的，并不能限制本公开。

附图说明

结合附图，通过以下非限制性实施方式的详细描述，本公开的其它特 征、目的和优点将变得更加明显。在附图中：

图1示出根据本公开一实施方式的数据显示方法的流程图；

图2示出根据本公开另一实施方式的数据显示方法的流程图；

图3示出根据本公开一实施方式的数据显示装置的结构框图；

图4示出根据本公开一实施方式的电子设备的结构框图；

图5是适于用来实现根据本公开一实施方式的数据显示方法的计算机 系统的结构示意图。

具体实施方式

下文中，将参考附图详细描述本公开的示例性实施方式，以使本领域 技术人员可容易地实现它们。此外，为了清楚起见，在附图中省略了与描 述示例性实施方式无关的部分。

在本公开中，应理解，诸如“包括”或“具有”等的术语旨在指示本 说明书中所公开的特征、数字、步骤、行为、部件、部分或其组合的存在， 并且不欲排除一个或多个其他特征、数字、步骤、行为、部件、部分或其 组合存在或被添加的可能性。

另外还需要说明的是，在不冲突的情况下，本公开中的实施例及实施 例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公 开。

本公开实施例提供的技术方案通过采用树组件对列表数据(包括离散 型数据和层级数据)进行展示成树状结构(即下拉树结构)，该树状结构 的每个节点有一个多选框可以点选，且其父级节点是可选择的，当选择父 级节点时，它的所有子集节点也被选中。此外，根据所述选中的节点数据 与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。

图1示出根据本公开一实施方式的数据显示方法的流程图。如图1所 示，所述数据显示方法包括以下步骤S101-S103：

在步骤S101中，根据传入的列表数据对应的类型参数，建立所述列 表数据对应的对照数组；

在步骤S102中，根据所述列表数据对应的数据列表参数以及默认值 参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组 件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的 节点数据；

在步骤S103中，根据所述选中的节点数据与所述对照数组的长度的 对比结果，显示所述选中的节点数据的数量。

现有技术中可展示层级数据的下拉框方案在展示分层数据时，展示的 下拉内容、父级节点和子级节点分别使用ul标签做容器，并且容器中使用li标签来渲染数据。现有技术的方案所实现的下拉框在展示层级数据时， 下拉区所展示的下拉树，父级节点为只读的，不能通过选择父级节点从而 把其所有子级节点选中。此外，现有技术方案也不能通过全选功能选择所 有的节点。现有技术方案的下拉框展示区只能通过DOM渲染，把所有的 选择数据都展现在显示区，而没有通过数据的筛选和计算，得出所有子级 数据的个数，也不能直观的看出是否所有数据都已被选中，只能通过人工 每个节点去排查。

本实施例采用树组件对列表数据(包括离散型数据和层级数据)进行 展示成树状结构(即下拉树结构)，该树状结构的每个节点有一个多选框 可以点选，且其父级节点是可选择的，当选择父级节点时，它的所有子集 节点也被选中。此外，根据所述选中的节点数据与所述对照数组的长度的 对比结果，显示所述选中的节点数据的数量，具体如：显示区可展示所有 子级节点的个数(即滤除父级节点)或者智能判断是否所有节点都被选中。

在本实施例的一个可选实现方式中，如图2所示，所述步骤S101，即 根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数 组，包括以下步骤：

步骤S201，接收传入的所述列表数据的属性组件，即props组件；

具体操作时，下拉框组件接收三个props组件，分别为：类型(type) 参数、数据列表(DataList)参数以及默认值(Value)参数。其中：

类型参数：为字符型(String)，可选值为‘Tree’(即为用于表征为分 层数据的第一参数值)或‘Line’(即为用于表征为离散数据的第二参数值)， 当值为‘Tree’时按照层级数据类型展示DOM树，当值为‘Line’时按 照离散型数据类型展示DOM树；

数据列表参数：是用于选择的所有数据，可以为离散型数据，也可以 为层级数据，都为数组类型。

默认值参数:是下拉框需要默认选中的数据，为数组类型。

在步骤S201接收参数之后，根据类型的值对传入的列表数据分析； 具体为：

(1)定义一个对照数组，对照数组的值先为空；

(2)得到传入的props组件中的类型，判断类型的值，若值为‘Tree’， 那么代表传入的列表数据为分层数据，对分层数据采用循环遍历的方法， 得到所有的子级数据，将所有子级数据赋值给对照数组；若类型值为 ‘Line’，那么代表传入的列表数据为离散数据，则将传入的列表数据直接 赋值给对照数组。

上述根据类型的值对传入的列表数据分析也可以参见图2的步骤 S202-S206。具体为：

步骤S202，根据传入的所述列表数据的props组件获取所述对应的类 型参数；

步骤S203，判断所述列表数据对应的类型参数的值为用于表征为分层 数据的第一参数值，还是为用于表征为离散数据的第二参数值；

步骤S204，在所述类型参数的值为用于表征为离散数据的第二参数值 时，从的props组件中取出列表数据；

步骤S205，在所述列表数据对应的类型参数的值为用于表征为分层数 据的第一参数值时，对所述列表数据采用循环遍历的方法，得到所有的子 级数据；

步骤S206，从的props组件中取出列表数据或者步骤S205中的所有 的子级数据赋值给对应的对照数组。

继续图2所示，所述步骤S102，即根据所述列表数据对应的数据列表 参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树 结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉 树结构中选中的节点数据的步骤，包括以下步骤：

步骤S207，装载数据，渲染下拉树并添加事件监控，具体为：

选择器下拉区(简称下拉区，为盛放可供选择的选项的容器)的树状 结构采用组件库(例如，elementUI)的Tree组件(其为一种前端组件库， 提供很多开箱即用的前端组件，也可以使用其它框架实现的Tree组件，如 代码库(例如，jQuery)的Tree)，接收数据并将其展示成树状结构(即下 拉树结构)，该树状结构的每个节点有一个多选框可以点选，且其父级节 点是可选择的，当选择父级节点时，它的所有子集节点也被选中；取得props 组件中的列表数据和默认值，将数据传入Tree组件，渲染出数据对应的树 状结构和默认值，然后通过处理Tree的Check事件属性回调监听鼠标的 点选操作；

步骤S208，当选择Tree组件中的节点时，触发Check事件机制，以 实现监听，获取监听结果；

步骤S209，通过Check回调，得到选中的所有节点数据。

由于Tree组件输出的数据为所有节点数据，并没有区分父级节点和子 级节点数据，得到所有的节点数据后，还需要进一步的数据处理，具体地， 继续图2所示，所述步骤S103，即根据所述选中的节点数据与所述对照数 组的长度的对比结果，显示所述选中的节点数据的数量，包括以下步骤：

步骤S210，将步骤S209得到选中的所有节点数据和S206得到的对 照数组的数据做对比，采用循环遍历的方式筛选出所有的子级数据，组成 数据集，并计算数据集的长度；

步骤S211，比较所述数据集的长度与所述对照数组的长度；

步骤S212，若所述数据集的长度与所述对照数组的长度相等，显示用 于表征所述选中的节点数据为所述列表数据中所有的数据的全选信息；具 体地，显示区可以显示‘已全选’同时全选按钮值置为1，为对勾显示；

步骤S213，若所述数据集的长度小于所述对照数组的长度，显示所述 选中的节点数据的数量为所述数据集的长度；具体地，显示区可以显示‘已 选择N项’(N的值为所有子级数据的长度)。

在本实施方式中，通过接收三个属性参数，判断传入的类型，对传入 的列表数据分类别处理，同时通过Tree组件展示树状结构，在通过事件监 听处理发生选择后Tree组件输出的数据做处理，已达到既能通过父级节点 从而选择所有子级节点，和通过对Tree输出的数据的筛选过滤，准确显示 所有子级节点的个数和是否全选的判断当下拉框装载的数据为层级数据 时，展示出来的下拉选择结构，可以通过选择父级节点从在选中所有它的子级节点，可以通过全选选中所有节点；第二，当数据有选择时，显示区 通过数据分析展现出所有选择的子级节点的个数，且能通过数据对比，展 现是否全选，由此实现对被选数据的数量情况的显示，适应业务发展的需 要。

下述为本公开装置实施例，可以用于执行本公开方法实施例。

图3示出根据本公开一实施方式的数据显示装置的结构框图，该装置 可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。 如图3所示，所述数据显示装置包括：

数组建立模块301，被配置为根据传入的列表数据对应的类型参数， 建立所述列表数据对应的对照数组；

树结构处理模块302，被配置为根据所述列表数据对应的数据列表参 数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结 构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树 结构中选中的节点数据；

数据显示模块303，被配置为根据所述选中的节点数据与所述对照数 组的长度的对比结果，显示所述选中的节点数据的数量。

具体地，所述数组建立模块301可以被配置为：

根据传入的所述列表数据的props组件获取所述对应的类型参数，所 述props组件包括所述类型参数、数据列表参数以及默认值参数；

在所述列表数据对应的类型参数的值为用于表征为分层数据的第一 参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据， 并将所有子级数据赋值给对应的对照数组；

在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述 列表数据直接赋值给对应的对照数组。

具体地，所述数据显示模块303可以被配置为：

将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选 出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据 组成数据集，计算所述数据集的长度；

比较所述数据集的长度与所述对照数组的长度；

若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述 选中的节点数据为所述列表数据中所有的数据的全选信息；

若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点 数据的数量为所述数据集的长度。

本公开还公开了一种电子设备，图4示出根据本公开一实施方式的电 子设备的结构框图，如图4所示，所述电子设备400包括存储器401和处 理器402；其中，

所述存储器401用于存储一条或多条计算机指令，其中，所述一条或 多条计算机指令被所述处理器402执行以实现上述任一方法步骤。

图5适于用来实现根据本公开实施方式的数据显示方法的计算机系统 的结构示意图。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可 以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载 到随机访问存储器(RAM)503中的程序而执行上述实施方式中的种处理。 在RAM503中，还存储有系统500操作所需的种程序和数据。CPU501、 ROM502以及RAM503通过总线504彼此相连。输入/输出(I/O)接口505 也连接至总线504。

以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包 括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出 部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调 器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络 执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱 动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分 508。

特别地，根据本公开的实施方式，上文描述的方法可以被实现为计算 机软件程序。例如，本公开的实施方式包括一种计算机程序产品，其包括 有形地包含在及其可读介质上的计算机程序，所述计算机程序包含用于执 行所述基于浏览器应用组件的数据显示方法程序代码。在这样的实施方式 中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从 可拆卸介质511被安装。

附图中的流程图和框图，图示了按照本公开种实施方式的系统、方法 和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，路程 图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述 模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的 可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功 能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依 所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及 框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的 基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实 现。

描述于本公开实施方式中所涉及到的单元或模块可以通过软件的方 式实现，也可以通过硬件的方式来实现。所描述的单元或模块也可以设置 在处理器中，这些单元或模块的名称在某种情况下并不构成对该单元或模 块本身的限定。

作为另一方面，本公开还提供了一种计算机可读存储介质，该计算机 可读存储介质可以是上述实施方式中所述装置中所包含的计算机可读存 储介质；也可以是单独存在，未装配入设备中的计算机可读存储介质。计 算机可读存储介质存储有一个或者一个以上程序，所述程序被一个或者一 个以上的处理器用来执行描述于本公开的方法。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本 领域技术人员应当理解，本公开中所涉及的发明范围，并不限于上述技术 特征的特定组合而成的技术方案，同时也应涵盖在不脱离所述发明构思的 情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方 案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特 征进行互相替换而形成的技术方案。

Claims (10)

1.一种数据显示方法，其特征在于，包括：

根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；

根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；

根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。

2.根据权利要求1所述的方法，其特征在于，所述根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组，包括：

根据传入的所述列表数据的属性组件获取所述对应的类型参数，所述属性组件包括所述类型参数、数据列表参数以及默认值参数；

在所述列表数据对应的类型参数的值为用于表征为分层数据的第一参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据，并将所有子级数据赋值给对应的对照数组；

在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述列表数据直接赋值给对应的对照数组。

3.根据权利要求1或2所述的方法，其特征在于，所述根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量，包括：

将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据组成数据集，计算所述数据集的长度；

比较所述数据集的长度与所述对照数组的长度；

若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述选中的节点数据为所述列表数据中所有的数据的全选信息；

若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点数据的数量为所述数据集的长度。

4.根据权利要求3所述的方法，其特征在于，所述树组件为组件库中的树组件或者代码库中的树组件。

5.一种数据显示装置，其特征在于，包括：

数组建立模块，被配置为根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；

树结构处理模块，被配置为根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；

数据显示模块，被配置为根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。

6.根据权利要求5所述的装置，其特征在于，所述数组建立模块被配置为：

根据传入的所述列表数据的属性组件获取所述对应的类型参数，所述属性组件包括所述类型参数、数据列表参数以及默认值参数；

在所述列表数据对应的类型参数的值为用于表征为分层数据的第一参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据，并将所有子级数据赋值给对应的对照数组；

在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述列表数据直接赋值给对应的对照数组。

7.根据权利要求5或6所述的装置，其特征在于，所述数据显示模块被配置为：

将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据组成数据集，计算所述数据集的长度；

比较所述数据集的长度与所述对照数组的长度；

若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述选中的节点数据为所述列表数据中所有的数据的全选信息；

若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点数据的数量为所述数据集的长度。

8.根据权利要求7所述的装置，其特征在于，所述树组件为组件库的树组件或者代码库的树组件。

9.一种电子设备，其特征在于，包括存储器和处理器；其中，

所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行以实现权利要求1-4任一项所述的方法步骤。

10.一种计算机可读存储介质，其上存储有计算机指令，其特征在于，该计算机指令被处理器执行时实现权利要求1-4任一项所述的方法步骤。