클래스를 설정하여 jsTree에서 "li"및 "a"DOM 요소의 형식을 어떻게 지정합니까?

Question

는 기본적으로, 나는 jsTree를 가지고 있고, 나는 그것이 리에게 각 유형에 사용자 정의 클래스를 추가하여 및 DOM 요소의 포맷해야합니다. 이 작업을 수행하는 방법에 대한 설명서가 명확하지 않으며 사용자 정의 클래스를 추가 할 수있는 방법이 없으므로 jquery 테마를 재정의하거나 jsTree 소스 코드를 editng해야 양식을 작성할 수 있습니다.

  $("#container").jstree({ 
       "plugins" : ["themes", "json_data", "ui", "themeroller", "types"], 
       "json_data" : {"data": my_json_data}, 
       "core" : { 
        "initially_select" : [ init_id] 
       }, 
       "types" : { 
        "valid_children" : [ "test_type" ], 
        "types" : { 
         "test_type" : { 
          "valid_children" : [ "default", "test_type" ], 
          "icon" : { "image" : "/includes/icon.gif"} 
         } 
        } 
       }, 
       "themes" : { 
        "dots" : true, 
        "icons" : true 
       } 
      }); 

Answer 1

당신은 JSON 응답에 그것을하고 싶은 경우는,이 ​​작동 : 여기 예와 같이 "유형"을 선언 할 때 하나,보다 효과적으로 JSON 데이터에 그 일을, 또는으로 확인 해요 나 :

{ 
    "attr": { "class": "some-class1", "id": "node_1" }, 
    "data": { 
    "attr": { "class": "some-class2", "href": "", "title": "node title" } 
    } 
} 

가 <li> 태그를 지칭 제 ATTR, 및 (데이터 내) 제 ATTR는 <a> 태그를 지칭한다.