[发明专利]一种实现树形控件支持大数据渲染的方法及相关装置

权利要求书

1.一种实现树形控件支持大数据渲染的方法，其特征在于，包括：

为根节点设置固定高度，并在所述根节点添加空容器与虚拟列表；所述空容器的高度与真实列表的高度一致；所述虚拟列表的高度与所设置的所述固定高度一致；

通过所述空容器模拟列表的滚动操作；

当滚动事件触发时，根据滚动事件及所述固定高度生成所述虚拟列表要渲染的节点，并在所述虚拟列表展示所述节点；其中，各所述节点在DOM层均属于同一层级。

2.根据权利要求1所述的实现树形控件支持大数据渲染的方法，其特征在于，所述在所述虚拟列表展示所述节点包括：

根据一维数组中记录的所述节点位于树的深度，采用树形CSS样式在所述虚拟列表展示所述节点。

3.根据权利要求1所述的实现树形控件支持大数据渲染的方法，其特征在于，所述根据滚动事件及所述固定高度生成所述虚拟列表要渲染的节点包括：

计算滚动距离与节点行高的比值，得到要渲染的起始节点；

计算所述起始节点与所述固定高度的和值，得到要渲染的终止节点；所述起始节点与所述终止节点之间的节点为所述虚拟列表要渲染的节点。

4.根据权利要求1所述的实现树形控件支持大数据渲染的方法，其特征在于，添加节点的点击事件的方式为将点击事件委托于所述虚拟列表。

5.根据权利要求1至4任一项所述的实现树形控件支持大数据渲染的方法，其特征在于，还包括：

通过数组记录存在子节点的所述节点的点击状态，以根据所述点击状态渲染节点。

6.一种实现树形控件支持大数据渲染的装置，其特征在于，包括：

设置模块，用于为根节点设置固定高度，并在所述根节点添加空容器与虚拟列表；所述空容器的高度与真实列表的高度一致；所述虚拟列表的高度与所设置的所述固定高度一致；

模拟模块，用于通过所述空容器模拟列表的滚动操作；

展示模块，用于当滚动事件触发时，根据滚动事件及所述固定高度生成所述虚拟列表要渲染的节点，并在所述虚拟列表展示所述节点；其中，各所述节点在DOM层均属于同一层级。

7.根据权利要求6所述的实现树形控件支持大数据渲染的装置，其特征在于，所述展示模块具体用于根据一维数组中记录的所述节点位于树的深度，采用树形CSS样式在所述虚拟列表展示所述节点。

8.根据权利要求6所述的实现树形控件支持大数据渲染的装置，其特征在于，还包括：

记录模块，用于通过数组记录存在子节点的所述节点的点击状态，以根据所述点击状态渲染节点。

9.一种实现树形控件支持大数据渲染的设备，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1至5任一项所述的实现树形控件支持大数据渲染的方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述的实现树形控件支持大数据渲染的方法的步骤。