我正在使用以下配置渲染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会显示所有节点。我发现这有点奇怪。我错过了什么吗？
https://jsfiddle.net/t9fe58rt/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://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());
});
对我来说，Irvin Dominin的回答还不够
$('#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();
});