본문 바로가기
Library & Framework/jsTree

[jsTree] 선택된 node 선택해제 하기 (ft. deselect_all)

by 썸머워즈 2021. 2. 20.
반응형

 

★jstree 그 외 유용한 함수 모음

★jstree 선택한 node 정보 가져오기

★jstree 단축키를 활용한 node 다중 선택

 

jstree에 선택을 제공해준다면 당연히 해제하는것도 제공해준다.

전부 선택해제 시켜주는건데 예제를 통해 가볍게 알아보자.

 

▶javascript

$('#tree').jstree({ 'core' : {
    'data' : [
       { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" },
       { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
       { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },
       { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },
    ]
  } 
});

이번에도 역시 따로 해줄건없고 위와같이 선언해준다음

아래 이미지처럼 선택을 한 뒤



아래와 같이 deselect_all 을 실행시켜주면 된다.

$('#tree').jstree("deselect_all");

반응형


댓글

TOP