[javascript] jstree 1.0 ver. checkbox 사용법

1. homepage 

   - http://www.jstree.com

 

2. create

$("#" + val).jstree({
   animation: 1000,

   load_open: true,
   real_checkboxes: true,
   "html_data":{    // html 형태의 데이터를 tree로 변환
      "ajax":{
         "url": "main_site_tree.jsp?searchValue=",    // 지정된 url로 부터 데이터를 가져온다.
         "data": function(n){                                  // 새로운 노드를 불러올 경우에 넘길 param 설정
            return { id: n.attr ? n.attr("id") : 0 };
         }
     }
  },
 // "data": function (n) {
 //    return { id : n.attr ? n.attr("id") : 0 };
 // },
  "core" : { "initially_open" : [ "allNode" ] },              // 최초 로딩 시에 어디까지 펼칠 것인가 지정
  "plugins": [ "themes", "html_data", "checkbox" ]     // checkbox 형태 트리 사용 지정
 }); 

 

3. get checked node

// check 된 모든 노드를 가져온다. [배열형태]
// 하위 노드가 전부 check 되어있다면
// 상위 노드만 가져온다.
var aa = $("#tree").jstree("get_checked");

// 노드 배열을 돌며 id값을 가져온다.
$.each(aa, function(i){
   alert(aa[i].id);
});