본문 바로가기
Library & Framework/jsTree

[jsTree] node 다중 선택(multiple select) 하기 (ft. 단축키)

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

사실 보면 진짜 별거 아닌데 검색할때 잘 안나와서 정리해둔다.

(물론 영어로 검색하니까 바로 나오긴 하더라.)

 

▶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" },
    ]
  } 
});

 

그냥 하던데로 jstree를 만들어주고나서 따로 해줄건없다. 자체내에서 제공해주는 기능이기때문에

 

ctrl / shift + click 

컨트롤이나 쉬프트를 눌러주고 클릭해주면 다중선택이 된다.

단축키를 누르지 않고 다중 선택하는 방법에 대해서는 찾지를 못했지만 이런식으로 그냥 제공해줘도 괜찮다 생각된다.

반응형


댓글

TOP