Datatables 행을 가져 오지 않고 데이터를 클릭하십시오.

Question

DataTable을 사용하여 메시지 목록을 표시하고 있습니다.

쿼리 문자열의 페이지에 전달되는 ID를 기반으로 특정 데이터 행을 얻는 방법이 필요합니다.

ex. www.webpage.com?id=2

이미 id가 jQuery 변수에 있습니다. 이제 해당 ID와 연결된 DataTable 행에 액세스하면됩니다.

기본적으로 행을 클릭하지 않고 참조해야합니다.

제안 사항?

Answer 1

하나의 방법은 사용할 수 있었다 fnGetPosition 여기서

var rowIndex = table.fnGetPosition($("some selector").closest('tr')[0]); 
//some selector = should select some hidden element inside a row that 
//contains the relevant id 
var aData = table.fnGetData(rowIndex ); 
alert(aData[0]);// will show first column data 

fnGetData 특정 ID로 행을 선택하는 외부 버튼jsfiddle example작업

로우로를 선택하는 또 다른 예 페이지로드시 특정 ID (준비 됨)jsfiddle example N#2

,

$("#example input[value=\'TridentVal\']") 

example 테이블 ID입니다 필요한 ID와 TridentVal 교체 :

는 ... 기능

$("#wow").click(function() { 

    var rowIndex = table.fnGetPosition($("#example input[value=\'TridentVal\']").closest('tr')[0]); 
    alert(rowIndex); 
    var aData = table.fnGetData(rowIndex); 
    alert(aData[0]); // will show first column data 
});​ 

이 관련 데이터로 입력을 선택하는 방법이다에서보세요

Answer 2

먼저 테이블 행을 jQuery를 사용하여 가져와야합니다.

var $rowNode = $('#myTable').find('tbody tr:eq(0)').get(0); 

그런 다음 당신은 행 데이터를 얻을 수 fnGetData를 사용합니다. 당신이 너무 매개 변수로 행 인덱스를 통과 할 수 있도록

var data = table.fnGetData($rowNode); 

fnGetData은 행 노드 또는 정수를 acccepts.

demo

Answer 3

당신이 TableTools 확장자를 사용하는 경우, 당신은 fnSelect()을 사용할 수 있습니다. docs에서 : 그것은 당신의 ID를 가지고있는 행을 선택 있도록

$(document).ready(function() { 
    $('#example1').dataTable({ 
     "sDom": 'T<"clear">lfrtip', 
     "oTableTools": { 
      "sRowSelect": "single" 
     } 
    }); 

    // Select the first row in the table automatically 
    var oTT = TableTools.fnGetInstance('example1'); 
    oTT.fnSelect($('#example tbody tr')[0]); 
}); 

당신은 물론 선택기를 수정할 것입니다.

Answer 4

fnGetData는 현재 사용되지 않습니다. 현재 버전의 cell(). data() 액세스 패턴을 문서화합니다. https://datatables.net/reference/api/cell().data()