jstree 3

jstree 핸들링 방법(대용량 데이터 다루기 - 행걸리는 현상)

개요 안녕하세요 빈코입니다! 오늘은 저번 포스팅인 jstree 상하위 입맛대로 선택하기에 이어서 jstree의 마지막 포스팅 대용량 데이터 다루기를 포스팅하려 합니다. 여기서 대용량 데이터가 의미하는 것은 tree의 node들이 적어도 1만 개 이상 일 경우를 뜻합니다. jstree로 1만개의 node를 불러오는 데는 속도적인 측면에서 크게 문제 되지 않지만, 만약 특정한 노드들을 선택된 상태로 tree를 그려야 할 경우에는 어떻게 해야 할까요? 예를 들어서, 한 기업의 조직도를 tree로 그리고 기업의 부서들이 node라고 가정했을 때 어떠한 정책에 의해서 특정 부서들은 체크박스에 체크가 되어 있는 상태로 tree를 그려야 하는 경우입니다. 사실 예시가 글로 보면 이해가 어려울 수 있지만, 실무에서는 ..

TIL 2024.03.07

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