如何在jtree搜索过滤器jquery(jtree中的多词条件)中播种结果多词组合匹配
how to sow result multiple word combination match in jtree search filter jquery (multiple word & condition in jtree)
我有这样的代码。我正在使用jtree搜索fileter。
$(document).on("keyup paste", "input#groups-quick-filter", function(){
var tmpStr = $(this).val().replace(/'s's+/g, ' ');
var arrStr = tmpStr.split(' ');
var strCnt = "";
for(i = 0; i < countWords(tmpStr); i++){
strCnt = strCnt + arrStr[i] + " ";
//groupsDataTable.jstree("search", arrStr[i]);
groupsDataTable.jstree(true).search(arrStr[i]);
}
});
我有像这个一样的jtree数组(节点(值
1 abc
2 abc xyz
3 xyz abc
4 testabcxyz
5 test xyz
6 xyz
7 abc test xyz
8 xyzabctest
搜索过滤器中的输入值:abc xyz
(它给了我。(
Result
1 abc xyz
2 xyz abc
3 testabcxyz
4 test xyz
5 xyz
6 abc test xyz
7 xyzabctest
我只想要包含%abc% & %xyz%
的结果,而不是像%abc% or %xyz%
那样的结果。我的代码给了我或考虑所有单词的结果。
在search
插件中,有一个append
标志:
append(布尔值(如果设置为true,则此搜索的结果将附加到上一个搜索
请参阅:https://www.jstree.com/api/#/?f=search(str%20[,%20skip_async](
有了这个,我调整了你原来的代码。基本上,我们将在数据中搜索每个用空格分隔的术语。
工作示例:https://jsfiddle.net/Twisty/6s1q4L6f/5/
HTML
Filter:
<input type="text" id="groups-quick-filter">
<span class="clear-button">X</span>
<div id="jstree">
<ul>
<li>abc</li>
<li>abc xyz</li>
<li>xyz abc</li>
<li>testabcxyz</li>
<li>test xyz</li>
<li>xyz</li>
<li>abc test xyz</li>
<li>xyzabctest</li>
</ul>
</div>
CSS
.clear-button {
font-family: "Arial", sans-serif;
margin-left: -22px;
display: none;
cursor: pointer;
}
jQuery
$(function() {
$("#jstree").jstree({
"plugins": [
"search"
],
});
$(".clear-button").click(function() {
$("#groups-quick-filter").val("");
$("#jstree").jstree(true).clear_search();
$(this).hide();
})
$("#groups-quick-filter").keyup(function() {
$(".clear-button").show();
var term = $(this).val();
if (term.length && term.indexOf(' ')) {
var arrStr = term.split(' ');
$.each(arrStr, function(k, v) {
$("#jstree").jstree(true).search(v, true, false, false, true);
});
} else {
$("#jstree").jstree(true).search(term);
}
});
});
这是基于此处显示的搜索示例:https://www.jstree.com/plugins/
相关文章:
- 奇怪的Javascript结果
- Javascript(jQuery)给了我奇怪的结果
- JSONP请求返回结果,但也触发error_callback
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Javascript,输出结果后页面不断刷新
- 这是使用html快照和谷歌获取的预期结果吗?SEO/SPA
- 将地理编码结果转换为php变量以发布到mysql数据库
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- JQuery:向多个匹配结果添加换行符的最简单方法
- 当查询不在displayField中时,引导Ajax Typeahead不显示结果
- webpack代码拆分了handlerbs文件——结果是文件很大
- JavaScript循环无法正确计算/显示结果
- 相同的RegExp返回不同的结果-第一次是正确的结果,第二次是null
- Node.js使用Series函数(模式?)实现流控制时出现意外结果
- 试图将onChange函数作为道具传递给GrandChlidren,结果是TypeError:这是未定义的
- jQuery使用api获取typeform结果
- 根据条件检查数据库结果
- 什么'这是从第三个函数上的async 1st函数获得结果的更好方法
- Angular,表达式{{}}的结果没有插入到ng-click中
- 如何在jtree搜索过滤器jquery(jtree中的多词条件)中播种结果多词组合匹配