jQuery 데이터 테이블 - 모든 행 데이터에 액세스

jQuery 데이터 테이블 - 모든 행 데이터에 액세스

jQuery DataTables를 사용하고 있으며 헤더 확인란을 클릭하면 모든 행을 복사(JavaScript 배열에 저장)하려고 합니다.

나머지 행 페이지에 대한 HTML을 저장할 jQuery DataTables가 어디에 있는지 찾아서 JavaScript를 통해 탐색한 다음 거기서 확인하거나 확인한 속성을 true로 설정하고 싶습니다.

이런 거.

기타 정보:

• 나는 아약스 소스의 데이터를 사용합니다(serverside:false), 모든 데이터가 반환됩니다.
• 1페이지를 클릭하면 모든 행이 선택된 상태로 유지됩니다.

솔루션

그 목적을 위해 사용할 수 있는 방법은 여러 가지가 있습니다.를 사용하여 선택한 행에 대한 데이터를 가져올 수 있습니다.

예:

var table = $('#example').DataTable();

var data = table
    .rows()
    .data();

alert( 'The table has ' + data.length + ' records' );

데모

코드 및 데모는 이 jsFiddle을 참조하십시오.

이 코드를 사용하여 jQuery DataTables에서 생성된 요소를 찾고 전체를 복사할 수 있습니다.tr데이터 테이블을 페이징할 때 숨기는 요소입니다.

$('#example').DataTable().rows().iterator('row', function(context, index){
    var node = $(this.row(index).node()); 
    //node.context is element of tr generated by jQuery DataTables.
});

이 작업을 수행할 경우:

$('#table').DataTable().rows().data(); 

당신은 많은 불필요한 데이터를 얻습니다.

테이블 데이터만 원하는 경우 다음 작업을 수행할 수 있습니다.

$('#table').DataTable().rows().data().toArray();

사용.

tableObject.rows().data() 

테이블의 모든 데이터를 반환합니다.

페이지 길이를 설정합니다.

$('#example').dataTable( {
  "pageLength": 50
} );

언급URL : https://stackoverflow.com/questions/31932680/jquery-datatables-access-all-rows-data