하위 트리 클릭 영역 열기

Question

기본적으로 하위 트리를 열면 왼쪽의 작은 삼각형을 클릭해야합니다.

클릭 동작을 변경하여 이름의 아무 곳이나 클릭 할 수 있습니까? 엄밀히 말하자면 실제로 이것은 아이콘이 클릭 가능한 것과 동일한 방식으로 <li></li> 요소를 클릭 할 수있게 만드는 방법입니다.

Answer 1

jstree를 초기화 할 때 jstree를 설정할 수 있습니다. 클릭 할 때 펼칠 노드 유형에 대한 select_node 이벤트에서 다음을 사용하십시오.

this.toggle_node (e); false를 반환합니다. 예를 들어

은 :

types: { 
    'root': { 
     select_node: function (e) { 
      this.toggle_node(e); 
      return false; 
     } 
    }, 
    'default': { 
     select_node: function (e) { 
      alert('Node selected'); 
      return true; 
     } 
    } 
} 

클릭하면 확대됩니다 유형 루트로하는 모든 노드, 기본적으로 표시 한 모든 노드가 선택됩니다있다.

Answer 2

예, 가능합니다. 클릭 핸들러를 등록하는 코드를 이미지에서 li으로 옮기면됩니다. 확장 된 트리가 li 안에 있으면 이벤트의 target을 확인하여 해당 클릭이 하위 노드가 아니라 li에만 적용되는지 확인해야 할 수 있습니다.