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

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

【技术实现步骤摘要】
数据显示方法、装置、电子设备及计算机可读存储介质
本公开涉及数据显示
，具体涉及一种数据显示方法、装置、电子设备及计算机可读存储介质。
技术介绍
目前浏览器web应用的使用越来越多，也越来越广泛，而在每个web应用中都有信息的筛选。页面中可以实现信息筛选功能的组件有单选按钮、多选按钮组、开关按钮、单选下拉框和多选下拉框等。当用户需要从一组数据中选出几个想要的数据是，目前使用最多的是下拉框。当应用场景比较复杂，需要展示的下拉数据不是离散型数据(即数据间相互独立，不存在嵌套关系，如：苹果，李子，香蕉)，而是数据之间有包含关系的层级数据(数据有层次之分，数据之间存在嵌套关系，如水果与苹果、李子、香蕉之间)，现有方案下拉框方案有的虽然能按照数据层级关系展示出来，但是父级选项却为只读的，而不能实现通过选择父级选项同时把所有子集都选中。还有一种应用需求是，下拉框选择后需要在选择器显示区(简称显示区，为用于展示选择结果的容器)显示已选择的所有除父级节点以外的项目个数。而目前方案的下拉框选择之后，实现的下拉框在展示层级数据时，展示出来的下拉结构，每个父级数据节点所对应的结构节点为只读的，不可操本文档来自技高网...

【技术保护点】
1.一种数据显示方法，其特征在于，包括：根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。

【技术特征摘要】
1.一种数据显示方法，其特征在于，包括：根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；根据所述列表数据对应的数据列表参数以及默认值参数，通过浏览器应用组件中的树组件建立对应的下拉树结构，并对树组件的选中事件进行监听，以及根据监听结果得到所述下拉树结构中选中的节点数据；根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量。2.根据权利要求1所述的方法，其特征在于，所述根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组，包括：根据传入的所述列表数据的属性组件获取所述对应的类型参数，所述属性组件包括所述类型参数、数据列表参数以及默认值参数；在所述列表数据对应的类型参数的值为用于表征为分层数据的第一参数值时，对所述列表数据采用循环遍历的方法，得到所有的子级数据，并将所有子级数据赋值给对应的对照数组；在所述类型参数的值为用于表征为离散数据的第二参数值时，将所述列表数据直接赋值给对应的对照数组。3.根据权利要求1或2所述的方法，其特征在于，所述根据所述选中的节点数据与所述对照数组的长度的对比结果，显示所述选中的节点数据的数量，包括：将所述选中的节点数据中的所有节点与所述对照数组循环对比,筛选出所述选中的节点数据对应的所有的子级数据，并将所述所有的子级数据组成数据集，计算所述数据集的长度；比较所述数据集的长度与所述对照数组的长度；若所述数据集的长度与所述对照数组的长度相等，显示用于表征所述选中的节点数据为所述列表数据中所有的数据的全选信息；若所述数据集的长度小于所述对照数组的长度，显示所述选中的节点数据的数量为所述数据集的长度。4.根据权利要求3所述的方法，其特征在于，所述树组件为组件库中的树组件或者代码库中的树组件。5.一种数据显示装置，其特征在于，包括：数组建立模块，被配置为根据传入的列表数据对应的类型参数，建立所述列表数据对应的对照数组；树...

【专利技术属性】
技术研发人员：丰春霞，
申请(专利权)人：拉扎斯网络科技上海有限公司，
类型：发明
国别省市：上海,31