[发明专利]一种内置实时搜索的通用树形组件实现方法

权利要求书

1.一种内置实时搜索的通用树形组件实现方法，其特征在于：所述实现方法包括：

从具有复杂HTML结构的树节点中提取具有标准数据结构的数据源；

设计一种展开键计算方法，以控制搜索中的相关树节点展开关闭功能内置；

通过DOM控制方法修改展开后的树节点实现搜索高亮显隐内置。

2.根据权利要求1所述的一种内置实时搜索的通用树形组件实现方法，其特征在于：所述从具有复杂HTML结构的树节点中提取具有标准数据结构的数据源，是指从不同场景下传入的各种复杂树本体结构中归纳出一种数据分析模式，从而将不同的树本体转换为一种具备标准数据格式的原始树数据originTreeData。

3.根据权利要求1所述的一种内置实时搜索的通用树形组件实现方法，其特征在于：所述设计一种展开键计算方法，以控制搜索中的相关树节点展开关闭功能内置，是指根据步骤一中得到的原始树数据originTreeData和用户输入值inputValue计算可能处于深层的目标节点的所有相关节点键值数组，并设置为展开键。

4.根据权利要求1所述的一种内置实时搜索的通用树形组件实现方法，其特征在于：所述通过DOM控制方法修改展开后的树节点实现搜索高亮显隐内置，是指通过treeWalker遍历展开后的树DOM元素，根据用户输入值inputValue处理筛选到的元素实现搜索内容的高亮和显隐，从而进一步突出搜索结果；

treeWalker的起点定义为树外壳，并为不同的树外壳定义随机生成的类名；

treeWalker的节点类型定义为用于定义树节点的元素类型；

treeWalker的高亮筛选器条件定义为元素的第一个子节点是否为文本节点、元素的className是否为highlight；

treeWalker的显隐筛选器条件定义为所有树节点。