Как получить значения строк таблицы и манипулировать ими, JQquery? - PullRequest
Новая
       13

Как получить значения строк таблицы и манипулировать ими, JQquery?

2 голосов
/ 18 марта 2020

У меня есть таблица, сгенерированная из массива с плагином DataTables для jQuery: 

$('#example').DataTable({
  order: [3,'desc'],
  data: mergedArr,
  columns: [
    { data: 'id' },
    { data: 'name' },
    { data: 'city' },
    { data: 'summaryIncome'}
  ]
});

Как получить значение целой строки (4 разных ячейки) с помощью $('#example').on('click', 'tbody > tr', function (e), который является точным элемент массива.

Другими словами: как привязать данные из массива к этим щелчкам, чтобы я мог манипулировать точным элементом массива, по которому щелкнули?

Мне нужно все это, потому что этот массив содержит дополнительную информацию о элемент (который находится в строке) и вся его информация (только около 1 элемента) должна отображаться на другой странице HTML.

1 Ответ

3 голосов
/ 18 марта 2020

jQuery DataTables предоставляет набор событий, к которым вы можете прикрепить обработчики. Вы можете прикрепить его к строкам, столбцам и т. Д. c .. Как указывают документы, вы можете получить, например, идентификатор, как в примере, который позже вы сможете использовать для фильтрации массива для получения дополнительной информации. 

var table = $('#example').DataTable();
 
table.on( 'select', function ( e, dt, type, indexes ) {
    if ( type === 'row' ) {
        var data = table.rows( indexes ).data().pluck( 'id' );
 
        // do something with the ID of the selected items
    }
} );

Здесь у вас есть документы jQuery DataTables для дальнейшего чтения. https://datatables.net/reference/event/select

...