Как получить данные из Datatables?

Question

[Pan Propan]

Здравствуйте друзья. Помогите пожалуйста с проблемкой, а то замаялся уже.
Есть некоторые данные которые я отображаю в DataTables.

К библиотеке есть хорошая документация, в которой описано как выбирать данные.
Я сделал собственно реализовал это, таким скриптом.

$(document).ready(function() {
    // Получаем выбранные строки
    var table = $('#table_id').DataTable();
    $.fn.dataTable.ext.buttons.reload = {
    text: 'Загрузить',
    action: function alertCountMass() {
    var mass = {};    
    var mass = table.rows( { selected: true } ).data();
    var str = JSON.stringify(mass);
    alert(str); //
}
    };

    // Подключаем кнопки

    
    new $.fn.dataTable.Buttons( table, {
    buttons: [
        { extend: 'copy', className: 'btn btn-info' },
        { extend: 'excel', className: 'btn btn-info' },
        { extend: 'pdf', className: 'btn btn-info' },
        { extend: 'reload', className: 'btn btn-success' }
    ]
    } );

    table.buttons().container()
        .appendTo( $('.col-sm-6:eq(0)', table.table().container() ) );
    // Подключаем кнопки    

    $('#table_id').on( 'click', 'tbody tr', function () {
    if ( table.row( this, { selected: true } ).any() ) {
        table.row( this ).deselect();
    }
    else {
        table.row( this ).select();
    }

    } );

} );

Я точно знаю что после того как я выбрал некоторые строки, массив
var mass = table.rows( { selected: true } ).data(); содержит данные так как проверка mass.lenght(); выдает количество выбранных элементов.

Дальше как видно из скрипта я пробую данные преобразовать в json, но у меня ничего не получается.

var mass = {};    
    var mass = table.rows( { selected: true } ).data();
    var str = JSON.stringify(mass);
    alert(str);

Answer 1

[coderisimo]

а что вам пишут в консоли если написать вот так :
var mass = table.rows( { selected: true } ).data();
console.log(mass );
console.log(mass(0).data());

Comments

[Pan Propan]

Uncaught TypeError: table.rows is not a function
at :2:18
at Object.InjectedScript._evaluateOn (:875:140)
at Object.InjectedScript._evaluateAndWrap (:808:34)
at Object.InjectedScript.evaluate (:664:21)(anonymous function) @ VM6911:2InjectedScript._evaluateOn @ VM6910:875InjectedScript._evaluateAndWrap @ VM6910:808InjectedScript.evaluate @ VM6910:664

[coderisimo]

Вы обращаетесь к table из области видимости где этот объект будет виден? Мне кажется что сам объект создается в $(document).ready(function() .... а вы пытаетесь получить доступ к нему извне. Нет?

[coderisimo]

Я предлагал вам временно изменить вот эту часть :

action: function alertCountMass() {
var mass = {};
var mass = table.rows( { selected: true } ).data();
var str = JSON.stringify(mass);
alert(str); //
}

и посмотреть что будет в консоли при обращении к функции alertCountMass()

[Pan Propan]

coderisimo: coderisimo: да да точно. Прописал все в теле функции теперь при нажатии кнопки ничего не выводится, но в консоли вот что

[coderisimo]

Pan Propan: ну так вот они ваши данные ))
попробуйте вот так
action: function alertCountMass() {
var mass = {};
var mass = table.rows( { selected: true } ).data();
var str = (mass(0).data())[0];
alert(str); //
}
или так :
var mass = table.rows( { selected: true } ).data();
var str = JSON.stringify(mass(0).data());
alert(str); //

у вас же там все видно в отладчике ))

ЗЫ в коде могут быть ошибки/описки )

[Pan Propan]

coderisimo: C javascript просто дело имею впервые.
Но как я понял, вот так mass(0).data() обращаться неправильно. Ибо выдается ошибка. Ругается что нету функции mass.
Если выводить в консоль только переменную mass.
то в отладчике видим

Как бы теперь выбранные объекты сериализовать в JSON?

[coderisimo]

тьфу, разумеется ! я тоже начинающий! ))) mass это объект . попробуйте вот так
var str = JSON.stringify(mass[0]);

[Pan Propan]

coderisimo: Спасибо получилось вывести элемент массива.)
Но когда пробую сериализовать массив полностью выдается ошибка

Converting circular structure to JSON

[coderisimo]

Pan Propan: как я понял JSON.stringify (OBJ) не поддерживает круговых ссылок. Где-то в объекте они есть. Мне кажется в библиотеке должны быть средства вывод именно данных. У вас какая цель ? Зачем вам выводить весь объект с прототипом, функциями итд?

[coderisimo]

Pan Propan:
https://datatables.net/reference/api/rows%28%29.ev...

table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
var data = this.data();
// ... do something with data(), or this.node(), etc
} );

вот так , к примеру, реализуется перебор выбранных строк. в вашем случае как-то так :
table.rows( { selected: true } ).every( function(){
console.log(this.data());
});

это просто идея. нужно смотреть в отладчике, но думаю ничего сложного.

[coderisimo]

..... даже для нас, начинающих )

[Pan Propan]

coderisimo: хочу json-массив выбранных строк передать в веб-сервис поднятый на стороне 1с.

[coderisimo]

Pan Propan: я увы не могу видеть что у вас в отладчике в полной мере. по идее , можно попробовать вот так, при условии, что предыдущий код работал :

table.rows( { selected: true } ).every( function(){
console.log(JSON.stringify(this.data()));
});

[Pan Propan]

coderisimo: приведенный вами выше метод действительно выводит в консоль, 2 массива.
["\"Аура\" диски ватные 120 шт","38.51","0001-01-01","0","",""]
dgfrm.js:17 ["\"Аура\" мыло жидкое антиб. Алоэ 300мл","35.5","0001-01-01","0","",""]

Где вы наши метод table.rows( { selected: true } ).every( function()? Я все доки перечитал но на него так и не наткнулся.

[Pan Propan]

coderisimo: а что если мне нужно не каждый элемент по отдельности, а json_массив объектов. Я так понимаю мы можем в цикле все в массив записать?

[coderisimo]

метод вот по этой ссылке https://datatables.net/reference/api/rows%28%29.ev... . я же указал ее выше ) . перебирает каждый row .

массив получить, думаю. что да , можно перебором, а может там еще какая-нибудь функция для таких случаев есть ))