jstree 유형이 올바르게 적용되지 않습니다.

Question

jstree를 조금 테마로 삼아 아이콘을 내 필요에 더 적합하게 만듭니다. 그러나, 나는 타입 플러그인이 완전히 작동하는 것처럼 보일 수 없다.

트리 만들기 :

// Create JSTree 
$('#listbox').jstree({ 
    "types": { 
     "#": { 
      "valid_children": ["floor", "default"], 
     }, 
     "default": { 
      "valid_children": ["default", "floor"], 
      "icon": "/WACH%20Graphics/images/building.png" 
     }, 
     "floor": { 
      "icon": "/WACH%20Graphics/images/floor.png" 
     } 
    }, 
    "plugins": ["search", "wholerow", "types"] 
}); 

내 목록은 실제로 동적으로 생성된다. 그러나 정렬되지 않은 목록의 구조는 다음과 유사합니다.

<ul> 
    <li><a href="building.html">Building 1</a> 
     <ul> 
      <li rel="floor"><a href="floor.html">Floor1</a></li> 
      <li rel="floor"><a href="floor.html">Floor1</a></li> 
      <li rel="floor"><a href="floor.html">Floor1</a></li> 
     </ul> 
    </li> 
</ul> 

내 기본 아이콘이 선택됩니다. 하지만 "바닥"유형의 아이콘은 절대 선택되지 않습니다. 대신 모든 항목에 기본 아이콘이 있습니다.

이것은 jstree 3.0.0입니다.

Answer 1

그의 Github에서의 JSTree 개발자에 의해 주어진 답 :

유형은 rel 속성 떨어져 읽을 수 없습니다. 마크 업에

<li data-jstree='{ "type" : "floor" }'... 

를 사용해보십시오 (- 내부의 데이터 jstree 속성과 외부의 작은 따옴표와 큰 따옴표를 유지).

참조 : 내 경우 https://github.com/vakata/jstree/issues/497

난 그냥 아이콘을 덮어 플러그인 유형을 사용했다. 목록 항목에 icon 속성이 설정된 data-jstree 속성을 지정하면됩니다.

<li data-jstree='{ "icon" : "icon.png" }'></li> 

희망 누군가가

:) 앞으로이 유용 발견