Javascript 如果搜索字符串不存在,则显示所有节点的jstree';不匹配任何节点

Javascript 如果搜索字符串不存在,则显示所有节点的jstree';不匹配任何节点,javascript,jquery,jstree,jstree-search,Javascript,Jquery,Jstree,Jstree Search,我使用以下配置呈现jstree $('#deliverables').jstree({ 'core': { 'data': data }, 'search': { 'case_insensitive': true, 'show_only_matches' : true }, 'plugins': ['search'] }); $('#deliverable_search').keyup(function()

我使用以下配置呈现jstree

$('#deliverables').jstree({
    'core': {
        'data': data
    },
    'search': {
        'case_insensitive': true,
        'show_only_matches' : true
    },
    'plugins': ['search']
});

$('#deliverable_search').keyup(function(){
    $('#deliverables').jstree('search', $(this).val());
});
使用此配置,如果搜索文本至少找到一个节点,则jstree仅显示匹配的节点。但是,如果搜索文本与任何节点都不匹配,则jstree将显示所有节点。我觉得这有点奇怪。我是不是遗漏了什么


链接以供参考。

这是一个预期的行为,请参阅:

但您可以将处理程序附加到事件,如果结果为空,则相应地执行操作,例如,您可以使用方法隐藏所有树节点

代码:

但在触发新的搜索之前,不要忘记显示它们:

$('#deliverable_search').keyup(function(){
    $('#deliverables').jstree(true).show_all();
    $('#deliverables').jstree('search', $(this).val());
});

演示:

对我来说,欧文·多明的回答是不够的

 $('#deliverable_search').keyup(function () {
        $('#deliverables').jstree(true).show_all();
        $('.jstree-node').show();
        $('#deliverables').jstree('search', $(this).val());
        $('.jstree-hidden').hide();
        $('a.jstree-search').parent('li').find('.jstree-hidden').show();
    });

我应该添加style.jstree隐藏{display:none;}
 $('#deliverable_search').keyup(function () {
        $('#deliverables').jstree(true).show_all();
        $('.jstree-node').show();
        $('#deliverables').jstree('search', $(this).val());
        $('.jstree-hidden').hide();
        $('a.jstree-search').parent('li').find('.jstree-hidden').show();
    });