jstree - show_only_matches 不适用于 jstree 的搜索插件

Question

我的 jstree 配置如下:

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

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

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

});


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

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

    debugger;

    if( false &&  v.length === 0 ) {
        $proceduresTree.jstree(true).hide_all();
    }
    else {
        $proceduresTree.jstree(true).search(v);
    }

}, 50));

但是 show_only_matches 选项似乎没有任何效果。我错过了什么吗？

Answer 1

您好@Alexander Suraphel，您需要设置您的配置对象jsTree "show_only_matches_children": true 需要的属性 隐藏所有节点由脚本本身。所以你只需像这样设置你反对配置 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