[發明專利]一種內置實時搜索的通用樹形組件實現方法

在審

• 申請號: 202011216212.5
• 申請日: 2020-11-04
• 公開（公告）號: CN112182310A
• 公開（公告）日: 2021-01-05
• 發明（設計）人: 段佳驪;謝赟;韓欣;劉德治;陳大偉
• 申請（專利權）人: 上海德拓信息技術股份有限公司
• 主分類號: G06F16/901
• 分類號: G06F16/901;G06F16/953;G06F16/9538
• 代理公司: 上海中外企專利代理事務所(特殊普通合伙) 31387
• 代理人: 孫旭華

1.一種內置實時搜索的通用樹形組件實現方法，其特征在于：所述實現方法包括：

從具有復雜HTML結構的樹節點中提取具有標準數據結構的數據源；

設計一種展開鍵計算方法，以控制搜索中的相關樹節點展開關閉功能內置；

通過DOM控制方法修改展開后的樹節點實現搜索高亮顯隱內置。

2.根據權利要求1所述的一種內置實時搜索的通用樹形組件實現方法，其特征在于：所述從具有復雜HTML結構的樹節點中提取具有標準數據結構的數據源，是指從不同場景下傳入的各種復雜樹本體結構中歸納出一種數據分析模式，從而將不同的樹本體轉換為一種具備標準數據格式的原始樹數據originTreeData。

3.根據權利要求1所述的一種內置實時搜索的通用樹形組件實現方法，其特征在于：所述設計一種展開鍵計算方法，以控制搜索中的相關樹節點展開關閉功能內置，是指根據步驟一中得到的原始樹數據originTreeData和用戶輸入值inputValue計算可能處于深層的目標節點的所有相關節點鍵值數組，并設置為展開鍵。

4.根據權利要求1所述的一種內置實時搜索的通用樹形組件實現方法，其特征在于：所述通過DOM控制方法修改展開后的樹節點實現搜索高亮顯隱內置，是指通過treeWalker遍歷展開后的樹DOM元素，根據用戶輸入值inputValue處理篩選到的元素實現搜索內容的高亮和顯隱，從而進一步突出搜索結果；

treeWalker的起點定義為樹外殼，并為不同的樹外殼定義隨機生成的類名；

treeWalker的節點類型定義為用于定義樹節點的元素類型；

treeWalker的高亮篩選器條件定義為元素的第一個子節點是否為文本節點、元素的className是否為highlight；

treeWalker的顯隱篩選器條件定義為所有樹節點。