jquery treetable에 행을 동적으로 추가 * 루트가 아님 *

Question

treetable 플러그인을 사용하고 있으며 이전에 xml 파일에서 채워진 Taffy db에서 일부 데이터 행을 동적으로로드하려고합니다. loadBranch가 "null"을 노드로 사용하는 테이블의 루트에서 제대로 작동하지만 첫 번째 행의 하위 노드로 만들 수없는 것으로 확인되었습니다.

HTML :

<table id='data_tree'> 
<tr class="branch" data-tt-id="1"> 
<td>Studies</td> 
</tr> 
</table> 

자바 :

$(window).load(function(){ 
    studies_db().each(function (record,recordnumber) { 
     $("#data_tree").treetable("loadBranch",1, 
          "<tr>"+ 
          "<td><b>Accession:</b> "+record.accession+"<br>"+ 
          "<b>Title:</b> "+record.title+"<br>"+ 
          "<b>Authors:</b> "+record.authors+"<br>"+ 
          "<b>Release date: </b>"+record.date+"<br>"+ 
          "<b>Number of markers: </b>"+record.samples+"<br>"+ 
          "</td></tr>") 
     }); 
}); 

Answer 1

loadBranch 함수는 노드 객체가 아닌 노드 식별자를 예상한다. 대신이 시도 : 나는 또한 TR에 데이터-TT-id 속성을 추가 한

$(window).load(function(){ 
    studies_db().each(function (record,recordnumber) { 
    var node = $("#data_tree").treetable("node", "1"); 

    $("#data_tree").treetable("loadBranch", node, 
     "<tr data-tt-id='2'>"+ 
     "<td><b>Accession:</b> "+record.accession+"<br>"+ 
     "<b>Title:</b> "+record.title+"<br>"+ 
     "<b>Authors:</b> "+record.authors+"<br>"+ 
     "<b>Release date: </b>"+record.date+"<br>"+ 
     "<b>Number of markers: </b>"+record.samples+"<br>"+ 
     "</td></tr>"); 
    }); 
}); 

주를, 그렇지 않으면 트리 테이블 플러그인이 불평 할 것이다.

일부 함수는 노드 식별자와 다른 노드를 기대하기 때문에 혼란 스럽다는 것을 인정해야합니다. Node 개체는 장래에 유선형이어야합니다.