[jsTree] 검색(search plugin) 감지하기

jstree 에서 제공하는 plugin중에 하나인 search에 대해 알고 있다는 가정하에 작성한다.

https://mine-it-record.tistory.com/397

[jsTree] plugin search를 사용하여 검색기능 활성화하기

 

검색 플러그인 (search plugin)을 사용할때 추가적으로 jstree에서 검색이 실행됐는지를 감지하는 방법이 존재하는데,

두가지 방법을 통해 감지하는 방법에 대해 알아보자.

---

▷ 1) .bind 를 통해 콜백함수 사용하기

$('#tree').bind("search.jstree", function(e, data){ 
    // 검색 완료후 1회 실행
    // 후처리 영역
});

 

search.jstree 를 바인딩 하여 검색 완료후 1회 실행하는 콜백함수를 제어할 수 있다.

---

▷ 2) search plugin 옵션을 통해 제어하기

"plugins" : ["search"],
"search" : {
    "show_only_matches" : true,
    "show_only_matches_children" : true,
    "search_callback" : function(key, node){
        // 검색 결과 개수 만큼 실행
        // 후처리 영역
    }
}

 

search plugin을 사용하게 되면 해당 플러그인의 옵션을 설정하는 영역을 작성할 수 있는데,

거기서 search_callback 이라는 옵션을 통해 제어가 가능하다.

 

다만 이 옵션은 검색 결과 개수만큼 반복되기때문에 상황에 따라 1번 방법과 2번 방법을 골라 사용해주면 된다.