Jquery Datatables가 행을 확장하고 Ajax를 통해 세부 정보를 얻습니다.

Question

Ajax를 통해 각 행에 대한 세부 정보를 얻을 수 있습니까? 여기서 시작 지점을 찾았습니다 : http://datatables.net/release-datatables/examples/api/row_details.html 하지만 아약스는 사용하지 않습니다. fnFormatDetails() 함수를 수정하고 아약스 호출을 배치하는 방법에 대해 생각하고 있습니다. 하지만 더 좋은 대답을 찾고 있습니다.

감사합니다.

Answer 1

행에 데이터가있는 경우 아약스로 이동하지 않아도됩니다. (| trNode rowIndexor) 그것은 매우 간단

Answer 2

는 oTable.fnGetData을보십시오. "데이터"배열 내의 별도의 입력란에 세부 정보를 입력하면됩니다.

예 : 귀하의 JSON은 다음과 같이 보일 수 있습니다 :

{ 
    "draw": "${drawId}", 
    "recordsTotal": "${totalRecords}", 
    "recordsFiltered": "${filteredRecords}", 
    "data": [ 
     {    
      "empName": "${employee.name}", 
      "empNumber": "${employee.number}", 
      "empEmail": "${employee.email}", 
      "extraDetails" : [ 
      ["${employee.salary}", "${employee.title}"]  
      ] 
     } 
    ] 
} 

그런 다음 자바 스크립트에서 JavaScript 배열을 사용하여이 추가 세부 정보에 간단하게 액세스 할 수 있습니다. 예 :

var row = employeeTable.row(tr); 
var rowData = row.data(); 
alert(rowData.extraDetails[0][0]); 
alert(rowData.extraDetails[0][1]);