树形控件定位显示方法、装置、计算机设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112748967A(43)申请公布日2021.05.04(21)申请号201911046028.8(22)申请日2019.10.30(71)申请人北京国双科技有限公司地址100083北京市海淀区北四环中路229号海泰大厦4层南401号(72)发明人魏名昕(74)专利代理机构北京华进京联知识产权代理有限公司11606代理人乔改利(51)Int.Cl.G06F9/451(2018.01)G06F3/0484(2013.01)权利要求书2页说明书9页附图4页(54)发明名称树形控件定位显示方法、装置、计算机设备及存储介质(57)摘要本申请涉及一种上述树形控件定位显示方法、装置、计算机设备以及存储介质，其中，方法包括：响应用户对树形控件缩略图点击操作，定位点击位置，获取树形控件的空间高度，根据所述点击位置以及所述空间高度，定位所述树形控件被选取区域位置。整个过程中，由于树形控件缩略图通过对树形控件在当前节点状态下的整体数据进行渲染得到，其能够准确表征整个树形控件中各节点的状态，采用缩略图的方式在有限的显示空间内将整个树形控件有选项都表征出来，以支持准确定位，采用虚拟列表技术实现数据局部渲染与处理，避免出现卡顿，可以实现树形控件高效且准确定位。CN112748967ACN112748967A权利要求书1/2页1.一种树形控件定位显示方法，所述方法包括：响应树形控件缩略图点击操作，定位点击位置；获取树形控件的空间高度；根据所述点击位置以及所述空间高度，定位所述树形控件被选取区域；通过虚拟列表技术显示所述树形控件被选取区域；其中，所述树形控件缩略图通过对树形控件在当前节点状态下的整体数据进行渲染得到。2.根据权利要求1所述的方法，所述通过虚拟列表技术显示所述树形控件被选取区域包括：获取树形控件对应的树结构数据；对所述树结构数据平铺，得到平铺数据；通过虚拟列表技术截取所述平铺数据中与所述树形控件被选取区域对应的部分数据并渲染，显示渲染的数据。3.根据权利要求2所述的方法，其特征在于，所述通过虚拟列表技术截取所述平铺数据中与所述树形控件被选取区域对应的部分数据并渲染，显示渲染的数据包括：基于虚拟列表技术截取所述平铺数据中与所述树形控件被选取区域对应的部分数据；渲染截取的部分数据；监听网页滚动事件，当发生网页滚动事件时，重新截取所述平铺数据中与所述树形控件被选取区域对应的部分数据并渲染，显示渲染的数据。4.根据权利要求1所述的方法，其特征在于，所述响应树形控件缩略图点击操作，定位点击位置之前，还包括：识别当前节点状态下树形控件中各节点对应的父节点状态为展开状态或为收起状态；若当前节点对应父节点的节点状态均为展开状态，则调整所述当前节点的节点状态为展开状态，若否，则调整所述当前节点的节点状态为收起状态；根据调整后的树形控件中各节点的节点状态，确定树形控件在当前节点状态下的整体数据；渲染所述整体数据并截图，生成树形控件缩略图。5.根据权利要求4所述的方法，其特征在于，所述响应树形控件缩略图点击操作，定位点击位置之前，还包括：将所述树形控件缩略图在当前显示界面的预设位置固定显示。6.根据权利要求4所述的方法，其特征在于，所述渲染所述整体数据并截图，生成树形控件缩略图包括：调用网页中canvas工具对渲染后的所述整体数据截图，生成树形控件缩略图。7.根据权利要求1所述的方法，其特征在于，所述根据所述点击位置以及所述空间高度，定位所述树形控件被选取区域包括：获取所述点击位置至树形控件缩略图顶端的顶端高度；计算所述顶端高度与树形控件缩略图高度的比值；根据所述比值以及所述空间高度，确定当前选取的树形控件。8.一种树形控件定位显示装置，其特征在于，所述装置包括：2CN112748967A权利要求书2/2页响应模块，用于响应树形控件缩略图点击操作，定位点击位置；高度获取模块，用于获取树形控件的空间高度；定位模块，用于根据所述点击位置以及所述空间高度，定位所述树形控件被选取区域；显示模块，用于通过虚拟列表技术显示所述树形控件被选取区域；其中，所述树形控件缩略图通过对树形控件在当前节点状态下的整体数据进行渲染得到。9.一种计算机设备，其特征在于，包括至少一个处理器、至少一个存储器、以及总线；其中，所述处理器与所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1至7中任一项所述的方法。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。3CN112748967A说明书1/9页树形控件定位显示方法、装置、计算机设备及存储介质技术领域[0001]本申请涉及计算机技术