用于数据资产化基础平台可视化操作的表格控件的制作方法

文档序号:13297243阅读:465来源:国知局

本发明涉及可视化操作提示,具体涉及一种用于数据资产化基础平台可视化操作的表格控件。



背景技术:

数据资产化基础平台是将集团企业财务共享管理模式与云计算、移动互联网、大数据等计算机技术有效融合,实现财务共享服务、财务管理、资金管理三中心合一,建立集中、统一的企业财务云中心,支持多终端接入模式,实现“核算、报账、资金、决策”在全集团内的协同应用。

javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。

html超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。



本技术:
就是使用javascript编程语言、html超文本标记语言,为建立数据资产化基础平台的租户云单、票据工具、记账工具、管理中心等相关数据信息的可视化操作提示而设计的一种可重复使用通用ui组件—表格控件。



技术实现要素:

本发明所要解决的技术问题是:提出一种用于数据资产化基础平台可视化操作的表格控件,为数据资产化基础平台增添了数据可视化功能与高度操作性。

本发明解决其技术问题所采用的技术方案是:

用于数据资产化基础平台可视化操作的表格控件,由表头和表格数据单元组成;所述表头和表格数据单元均包括多个单元格;位于同一行的单元格组成表格的行,位于同一列的单元格组成表格的列;所述表头可随横向滚动而滚动,纵向滚动时固定不动;所示表格数据单元横向、纵向均可滚动;

所述表格控件包括:

表格设置模块,用于设置表格大小和样式;

呈现模块,用于对显示区域中的单元格中的内容进行渲染呈现;

作为进一步优化,所述表格大小随内容物的变化而变化。

作为进一步优化,所述呈现模块还用于,根据横向滚动条和纵向滚动条的位置计算显示区域中应该显示的行、列项对应的单元格。

作为进一步优化,所述表格控件用于下拉菜单或弹出窗口中。

作为进一步优化,所述表格设置模块可独立设置表格中的行样式或列样式。

本发明的有益效果是:

设计的表格控件的大小可根据内容物的变化自动调整,表头可随横向滚动而滚动,纵向滚动时固定不动;表格数据单元横向、纵向均可滚动,因此该表格控件列数不定,支持用户的多列编辑需求。

本发明为数据资产化基础平台增添了数据可视化功能与高度操作性。借助其功能,可以更好地控制数据显示、数据聚合和数据修改。

具体实施方式

本发明旨在提出一种用于数据资产化基础平台可视化操作的表格控件,为数据资产化基础平台增添了数据可视化功能与高度操作性。

在具体实现上,本发明中的表格控件由表头和表格数据单元组成;所述表头和表格数据单元均包括多个单元格;位于同一行的单元格组成表格的行,位于同一列的单元格组成表格的列;

所述表头可随横向滚动而滚动,纵向滚动时固定不动;所示表格数据单元横向、纵向均可滚动;所述表格控件包括:

表格设置模块,用于设置表格大小和样式;

呈现模块,用于对显示区域中的单元格中的内容进行渲染呈现。

在本发明中,表格的大小可以随内容物的变化而自动调整,以适应填写需求。

为了提高表格的单元格中的数据内容的加载显示效率,本发明并非对所有表格中的数据内容一次性全部加载,而是根据横向滚动条和纵向滚动条的位置计算显示区域中应该显示的行、列项对应的单元格,然后再加载单元格中的数据内容进行渲染呈现。用户可以通过左右或者上下拖动滚动条或者使用鼠标滚轮滚动查看表格中的其它单元格的数据。

为了适应多样化需求,本发明中的表格的行样式或者列样式可以单独设计。

本发明能够适用于各种容器,例如下拉菜单和弹出窗口。



技术特征:

技术总结
本发明涉及可视化操作提示,其公开了一种用于数据资产化基础平台可视化操作的表格控件,为数据资产化基础平台增添了数据可视化功能与高度操作性。所述表格控件,由表头和表格数据单元组成;所述表头和表格数据单元均包括多个单元格;位于同一行的单元格组成表格的行,位于同一列的单元格组成表格的列;所述表头可随横向滚动而滚动,纵向滚动时固定不动;所示表格数据单元横向、纵向均可滚动;所述表格控件包括:表格设置模块,用于设置表格大小和样式;呈现模块,用于对显示区域中的单元格中的内容进行渲染呈现。

技术研发人员:许岩龙;李波;刘东;唐军
受保护的技术使用者:深圳易嘉恩科技有限公司
技术研发日:2017.08.18
技术公布日:2017.12.26
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1