一种基于Flex的表格显示方法及装置制造方法及图纸

本发明专利技术公开了一种基于Flex的表格显示方法及装置，其中，方法包括：获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；根据表格各列的最大列宽设置表格的垂直分割线。本发明专利技术能够使表格显示复杂内容并减少显示表格的响应时间。

【技术实现步骤摘要】

本专利技术涉及计算机
，尤指一种基于Flex的表格显示方法及装置。
技术介绍
目前，在互联网(WEB)客户端越来越多的使用表格来显示数据。传统的利用表格显示数据的方法是通过Flex技术实现的，其中，Flex技术是一种基于Flash的客户端技术，可用于构建具有表现力的Wed应用程序。然而，Flex中的数据表组件(DataGrid)与高级数据表组件(AdvancedDataGrid)只支持对表格中的整列单元格做渲染，在进行数据显示时必须根据数据的格式来展示数据，这就提高了对数据格式的依赖性，从而使得表格无法显示复杂内容；同时，由于只能对表格中整列单元格做渲染，导致对整列单元格中不需要做渲染的单元格也做了渲染，这样增加了表格的响应时间，降低了用户体验。
技术实现思路
为了解决上述技术问题，本专利技术提供了一种基于Flex的表格显示方法及装置，能够使表格显示复杂内容并减少显示表格的响应时间。第一方面，本专利技术实施例提供一种基于Flex的表格显不方法，包括:获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；根据表格各列的最大列宽设置表格的垂直分割线。进一步地，根据第一组件的类型更新表格当前总行高并设置水平分割线，具体包括:若第一组件是Group容器，则获取第一组件中的所有第二组件以及与各第二组件对应的第二标记，并根据第二标记设置第二组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线；若第一组件不是Group容器，则根据第一组件中Group容器的个数和第一标记设置第一组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线。进一步地，根据第二标记设置第二组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线，具体包括:若第二标记为偶数，则设置第二组件的横坐标值为预设坐标值；若第二标记为奇数，则设置第二组件的横坐标值为第一列的最大列宽与预设坐标值的和，更新当前总行高并根据当前总行高设置水平分割线。进一步地，根据第一组件中Group容器的个数和第一标记设置第一组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线，具体包括:若(1-n)为偶数，则设置第一组件的横坐标值为预设坐标值；若(1-n)为奇数，则设置第一组件的横坐标值为第一列的最大列宽与预设坐标值的和，更新当前总行高并根据当前总行高设置水平分割线；其中，η为所有第一组件中Group容器的个数，i为与第一组件对应的第一标记。进一步地，在按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线之后，还包括:预先设置表格各列的自定义列宽以及与各自定义列宽对应的各列标记；根据表格各列的自定义列宽和各列标记设置表格的垂直分割线。第二方面，本专利技术实施例提供一种基于Flex的表格显示装置，包括:获取单元，水平设置单元和垂直设置单元，其中:获取单元，用于获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；水平设置单元，用于按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；垂直设置单元，用于根据获取单元获取的表格各列的最大列宽设置表格的垂直分割线。进一步地，水平设置单元具体用于:在判断出第一组件的类型是Group容器时，获取第一组件中的所有第二组件以及与各第二组件对应的第二标记，并根据第二标记设置第二组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线；在判断出第一组件的类型不是Group容器时，根据第一组件中Group容器的个数和第一标记设置第一组件的横坐标值，更新当前总行高并根据当前总行高设置水平分割线。进一步地，水平设置单元具体用于:在第二标记为偶数时，设置第二组件的横坐标值为预设坐标值；在第二标记为奇数时，设置第二组件的横坐标值为第一列的最大列宽与预设坐标值的和，更新当前总行高并根据当前总行高设置水平分割线。进一步地，水平设置单元具体用于:在(1-n)为偶数时，设置第一组件的横坐标值为预设坐标值；在(1-n)为奇数，设置第一组件的横坐标值为第一列的最大列宽与预设坐标值的和，更新当前总行高并根据当前总行高设置水平分割线；其中，η为所有第一组件中Group容器的个数，i为与第一组件对应的第一标记。进一步地，垂直设置单元具体用于:在水平设置单元按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线之后，预先设置表格各列的自定义列宽以及与各自定义列宽对应的各列标记；根据表格各列的自定义列宽和各列标记设置表格的垂直分割线。本专利技术提供了一种通过基于Flex的表格显示方法及装置，通过获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；根据表格各列的最大列宽设置表格的垂直分割线，实现了在WEB客户端利用表格显示复杂内容，并减少显示表格的响应时间。【附图说明】附图用来提供对本专利技术技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本专利技术的技术方案，并不构成对本专利技术技术方案的限制。图1为本专利技术实施例提出的一种基于Flex的表格显示方法的流程图；图2为本专利技术实施例提出的一种基于Flex的表格显示装置的结构示意图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚明白，下文中将结合附图对本专利技术的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图1为本专利技术实施例提出的一种基于Flex的表格显示方法的流程图，该方法包括:步骤101:获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；在实际应用中，表格可以根据数据内容的不同设置相应的行数和列数。举例来说，表格可以设置为两列，第一列为信息标题列，内容包括包含展开按钮、标题图片、标题文字；第二列为信息内容列，包括用于显示数据信息的组件。其中，第一组件是Flex中任意的组件，用于显示表格中的单元格内容，包括高级数据表组件(AdvancedDataGrid)，按钮组件(^Button)，下拉框组件(ComboBox)，数据表格组件(DataGrid)，标签组件(Label)，列表组件(List)，文本显示组件(Text)和自定义的Flex组件。步骤102:按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；需要说明的是，第一组件包括Group容器和其他类型，第一组本文档来自技高网...

【技术保护点】
一种基于Flex的表格显示方法，其特征在于，包括：获取表格的所有第一组件、与各第一组件对应的第一标记，及表格各列的最大列宽；按照与各第一组件对应的第一标记依次递增的顺序，针对各第一组件分别判断第一组件的类型，根据第一组件的类型更新表格当前总行高并设置水平分割线；根据表格各列的最大列宽设置表格的垂直分割线。

【技术特征摘要】

【专利技术属性】
技术研发人员：张冬阳，
申请(专利权)人：浪潮北京电子信息产业有限公司，
类型：发明
国别省市：北京;11