Javascript 如果搜索字符串不存在,则显示所有节点的jstree';不匹配任何节点
我使用以下配置呈现jstreeJavascript 如果搜索字符串不存在,则显示所有节点的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()
$('#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();
});