Jstree показывает все node s, если строка поиска не соответствует ни одному node

Я передаю 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 показывает только согласованные узлы, если текст поиска найден как минимум один node. Но jstree показывает все узлы, если текст поиска не соответствует ни одному node. Я нашел это немного странным. Я что-то пропустил?

https://jsfiddle.net/t9fe58rt/1/ для справки.

Ответы

Ответ 1

Это предполагаемое поведение, см. https://github.com/vakata/jstree/issues/1192#issuecomment-128042329

Но вы можете прикрепить обработчик к событию search, и если результат будет пустым, соответственно, например. вы можете скрыть все узлы дерева с помощью метода hide_all.

код:

.on('search.jstree', function (nodes, str, res) {
    if (str.nodes.length===0) {
        $('#deliverables').jstree(true).hide_all();
    }
})

Но не забудьте показать их перед запуском нового поиска:

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

Демо: https://jsfiddle.net/xfn8aa19/

Ответ 2

Для меня ответа Ирвина Доминина было недостаточно

 $('#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();
    });