show_only_matches不工作的jstree的搜索插件

Question

如下我已經配置我的jstree。我錯過了什麼嗎？

Answer 1

嗨@Alexander Suraphel需要設置在您配置對象jsTree"show_only_matches_children": true的財產需要由腳本自己隱藏所有節點。所以你剛剛設置這樣你反對config jsTree。

var $proceduresTree = $('#procedures-tree'); 

$proceduresTree.jstree({ 
    'core' : { 
     'data' : data, 

     "themes":{ 
      "icons":false 
     } 
    }, 
    "search": { 
     "show_only_matches": true, 
     "show_only_matches_children": true 
    }, 
    "plugins" : ["checkbox", "search"] 

}); 


$('#search_input').keyup(debounce(function() { 

    var v = $('#search_input').val().trim(); 

    //debugger; 

     $proceduresTree.jstree(true).search(v); 


}, 50)); 

例子：codepen https://codepen.io/headmax/pen/BwvYMr?editors=1111

Answer 2

請檢查搜索是否作出CASE_SENSITIVE，你可以用它做如下明確假的嘗試。雖然默認情況下它是錯誤的。

"search": { 
    "case_sensitive": false, 
    "show_only_matches": true 
} 

完整的代碼以及您的HTML，本來很容易找到問題的選項。如果$ proceduresTree是一個有效的jsTree對象，然後把內

$(document).ready(function() { 
    //Your search code goes here. 
}); 

搜索代碼下面是一個簡單的搜索代碼，我使用，工作正常。對於完整的例子可以參考https://everyething.com/Example-of-simple-jsTree-with-Search

$(document).ready(function() { 
    $(".search-input").keyup(function() { 
     var searchstring = $(this).val().trim(); 
     $('#simplejstree').jstree('search', searchstring); 
    }); 
}); 

Answer 3

這個問題是造成不使用style.min.css爲正確的版本。