handling 2

jstree 핸들링 방법(상˙하위 노드 입맛대로 선택하기)

개요 안녕하세요 빈코입니다! 오늘은 지난번에 포스팅한 jstree 핸들링 방법 중 이전 선택 값이 남아있던 오류 해결에 이어서 상­­,하위 노드를 입맛대로 선택하는 방법에 대해 포스팅하려고 합니다😃 제가 해결해야 했던 과제중에, jstree를 사용하는 조직도 안에서 상위 노드를 선택했을 경우에는 하위 노드가 자동으로 선택되게 하고, 하위노드를 모두 선택했을 때는 jstree 내부적으로 상위 노드까지 선택되어지는 기능은 꺼야하는 상황이였습니다. 이론상으로는 막막했지만 해결과정은 생각보다 간단합니다 :) 그럼 jstree의 내부 동작에 대해 알아볼까요? jstree 기본 기능📙 jstree에서 제공하는 기본 기능중에 'three-state' 옵션은 상, 하위 노드간의 연결 관계를 의미하는데, 기본적으로 tr..

TIL 2024.02.23

jstree 핸들링 방법(이전 선택 값 남아있는 오류)

개요 안녕하세요 빈코입니다! 오늘은 jstree를 사용할 때 발생할 수 있는 특정 오류에 대해 포스팅하려 합니다. 해당 포스팅은 jstree의 전반적인 사용법에 대한 내용이 아닌, jstree를 여러 번 호출했을 때 기존에 선택했던 node의 값이 남아있는 문제에 대한 내용을 주로 다뤄 볼 예정입니다. 해당 포스팅에서는 jstree를 제거하는 "destory", jstree를 다시 갱신하는 "refresh", jstree에 있는 자식 node를 클릭할 때 함수를 발생시키는 "select_node.jstree"에 대해서 다뤄 볼 예정입니다😃 jstree 바인딩 및 특정 함수📙 기본적으로 jstree는 조직도에 많이 쓰이게 됩니다. 트리 형식으로 부서가 나뉘고, 부서 안에서도 사용자들이 있기 때문입니다. 기..

TIL 2024.01.09