2015-08-11 2 views
3

Я использую jQuery DataTables и хочу скопировать все строки (сохранить в массиве JavaScript) после щелчка на заголовке.jQuery DataTables - Доступ ко всем строкам данных

First Page

Я хочу, чтобы найти, где JQuery DataTables хранить HTML для остальных строк страницы, так что я могу перемещаться по JavaScript затем проверить его там или установить свойство проверяется истина.

Что-то вроде этого.

enter image description here

Другая информация:

  • Я использую данные из источника АЯКС (serverside:false), все данные возвращаются.
  • Когда я нажимаю страницу 1, все строки остаются проверенными.

ответ

4

Я нашел сгенерированный элемент 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. 
}); 
6

РЕШЕНИЕ

Есть many methods, которые могут быть использованы для этой цели. Вы можете использовать rows().data(), чтобы получить данные для выбранных строк.

Пример:

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

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

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

DEMO

См this jsFiddle для кода и демонстрации.

+0

Его также хороший способ получить доступ к данным в JQuery DataTables, но я хочу, сгенерированный HTML с помощью JQuery DataTables .., я нашел его в моем ответе .., все равно спасибо! – janmvtrinidad

+0

Вы можете также использовать 'table.rows(). Nodes(). To $()' для получения коллекции jQuery всех узлов строки. Вы можете повторить эту сборку позже и получить HTML для каждой строки. См. ['To $()'] (https://datatables.net/reference/api/to%24%28%29) для получения дополнительной информации. –

+0

Спасибо за этот короткий ответ, если вы разместите отредактированный ответ, я помечаю его как решение. – janmvtrinidad