wie zu säen Ergebnis mehrere Wortkombination übereinstimmen in jtree Suchfilter jquery (mehrere Wort & Condition in jtree)

Question

Ich habe Code wie folgt. Ich benutze jtree Search filter.

---

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

---

I jtree Array (Knoten) Wert wie dieser

---

1   abc 
2   abc xyz 
3   xyz abc 
4   testabcxyz 
5   test xyz 
6   xyz 
7   abc test xyz 
8   xyzabctest 

---

Eingangswert im Suchfilter: (. Es gibt mir) abc xyz

Result 
1   abc xyz 
2   xyz abc 
3   testabcxyz 
4   test xyz 
5   xyz 
6   abc test xyz 
7   xyzabctest 

---

Ich will nur Ergebnisse, die %abc% & %xyz% enthalten nicht %abc% or %xyz% mögen. Mein Code gib mir oder Ergebnis welches alle Wörter berücksichtigt.

Answer 1

Im search Plugin gibt es eine append Flagge:

append (Boolean), wenn die Ergebnisse dieser Suche auf true gesetzt werden, um zur vorherigen Suche beigefügten

See: https://www.jstree.com/api/#/?f=search(str%20[,%20skip_async])

Damit habe ich Ihren ursprünglichen Code angepasst. Grundsätzlich werden wir in den Daten nach jedem durch Leerzeichen getrennten Begriff suchen.

Arbeitsbeispiel: 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); 
    } 
    }); 
}); 

wird am Beispiel Such gezeigt Dies basiert hier: https://www.jstree.com/plugins/