[发明专利]一种应用于HTML5的大数据树组件实现方法及系统

权利要求书

1.一种应用于HTML5的大数据树组件实现方法，其特征在于，包括以下步骤：

获取节点数据并发送至树组件；

采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储，形成map集合；

在map集合中获取视图中待显示的节点ID集合，并将所获取的节点ID集合发送至视图；

基于视口所在位置，将视口所在位置节点ID集合对应的节点信息进行渲染呈现；

其中，所述基于视口所在位置，将视口所在位置节点ID集合对应的节点信息进行渲染呈现，具体步骤包括：

采用虚拟滚动方式缓存所有节点数据的节点ID；

基于视口的高度和单个节点数据的高度，得到视口所在位置的节点数据数量，以及视口所在位置的所有节点ID，形成节点ID集合；

根据所确定的节点ID集合，在map集合中获取节点ID集合内节点ID对应的节点信息，并对所获取的节点信息进行渲染呈现。

2.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法，其特征在于：所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态，以及checkbox对象的三态、禁用、隐藏。

3.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法，其特征在于：所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储，形成map集合，具体步骤包括：

将节点数据的节点ID作为map数据结构的key关键字，节点数据的节点信息作为map数据结构的value值，对树组件所接收的节点数据进行存储，形成map集合。

4.如权利要求1所述的一种应用于HTML5的大数据树组件实现方法，其特征在于，对所获取的节点信息进行渲染呈现之前，还包括：

将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分；

将父节点集合中父节点及父节点的check状态进行变更，叶子节点集合中节点的check状态进行变更；

从倒数第二的节点层级至根节点，计算出对应父节点的半选状态。

5.一种应用于HTML5的大数据树组件实现系统，其特征在于，包括：

获取模块，其用于获取节点数据并发送至树组件；

存储模块，其用于采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储，形成map集合；

发送模块，其用于在map集合中获取视图中待显示的节点ID集合，并将所获取的节点ID集合发送至视图；

渲染模块，其用于基于视口所在位置，将视口所在位置节点ID集合对应的节点信息进行渲染呈现；

其中，所述基于视口所在位置，将视口所在位置节点ID集合对应的节点信息进行渲染呈现，具体过程包括：

采用虚拟滚动方式缓存所有节点数据的节点ID；

基于视口的高度和单个节点数据的高度，得到视口所在位置的节点数据数量，以及视口所在位置的所有节点ID，形成节点ID集合；

根据所确定的节点ID集合，在map集合中获取节点ID集合内节点ID对应的节点信息，并对所获取的节点信息进行渲染呈现。

6.如权利要求1所述的一种应用于HTML5的大数据树组件实现系统，其特征在于：所述节点信息包括节点展开状态、节点文本信息、节点选中状态、节点隐藏状态，以及checkbox对象的三态、禁用、隐藏。

7.如权利要求1所述的一种应用于HTML5的大数据树组件实现系统，其特征在于：所述采用map数据结构对树组件所接收的节点数据的节点ID和节点信息进行存储，形成map集合，具体过程包括：

将节点数据的节点ID作为map数据结构的key关键字，节点数据的节点信息作为map数据结构的value值，对树组件所接收的节点数据进行存储，形成map集合。

8.如权利要求1所述的一种应用于HTML5的大数据树组件实现系统，其特征在于，对所获取的节点信息进行渲染呈现之前，还包括：

将节点ID集合内节点ID对应的节点分成父节点集合和叶子节点集合两部分；

将父节点集合中父节点及父节点的check状态进行变更，叶子节点集合中节点的check状态进行变更；

从倒数第二的节点层级至根节点，计算出对应父节点的半选状态。