http://www.jstree.com/demo
--> 이곳에서 세부적인 설정을 할 수 있는 방법을 확인할 수 있으며
주의해야될 사항만 적어본다면,
(function($){
$.fn.makeTreeview = function(actionUrl){
var container = this.attr("id");
this.jstree({
"json_data" : {
"ajax" : {
//"url" : "/view/search/newTech.json"
"url" : actionUrl
}
},
"plugins" : [ "themes","json_data","ui","types" ],
"themes": {"theme": "classic","dots": true,"icons": true}
"types" : {
"valid_children" : [ "root" ],
"types" : {
"root" : {
"icon" : {
"image" : "/images/search/root.png"
}
}
}
}
})
--> "valid_children" 속성의 값은 실제 JSON 데이터의 "rel" 속성에 지정되어 있는 값이다. 그러므로 JSON데이터를 생성할때 해당되는 노드에 "rel" 속성을 반드시 지정해주도록 한다.
--> 트리뷰를 한페이지에서 하나만 생성할때는 아이콘을 변경했을때 정상적으로 보였으나, 여러개의 트리뷰를 동시에 생성하고
변경하려 했을때는 IE9를 제외한 브라우저에서는 정상적으로 아이콘이 변경되었고, IE9에서는 마지막에 생성된 트리뷰에서만 아이콘이 정상적으로 표시되는 문제가 있었다.