2016-07-20 5 views
0

У меня есть таблица, которая впервые отображается на стороне сервера. Я хочу, чтобы некоторые данные обновления события щелчка в таблице.
Проблема заключается в том, как «привязать» конкретный объект json объекта к определенному столбцу. Я получаю объект json с массивом объектов, где мне интересны только некоторые свойства.
Я хочу
столбец таблицы - объект JSON СВОЙСТВ

ID - идентификатор
Имя - имя + фамилия
Сотрудничество - scCooperationCollection
Навыки - scSkillsCollection
Опыт - workExperiencejQuery Datatable reload data - json to columns

HTML-таблица: http://pastebin.com/b5yRWsGe
JS таблица перезагрузки: http://pastebin.com/GzS8tpV6
JSON пример: http://pastebin.com/AyBSrSui

ответ

1

См columns.data или columns.render вариантов о том, как связать исходные данные для столбцов таблицы или производить пользовательский контент для ячейки.

Вы можете получить доступ к исходным данным с использованием точечной нотации в columns.data или даже объединить массивы с нотой []. Для более сложных преобразований данных, таких как объединение двух полей, вместо этого используйте columns.render.

Например:

var table = $('#example').DataTable({ 
    ajax: { 
     url: 'https://api.myjson.com/bins/3x4ql', 
     dataSrc: 'aaData' 
    }, 
    columns: [ 
     { data: "id" }, 
     { 
      data: null, 
      render: function(data, type, full, meta){ 
       return full['name'] + ' ' + full['surname']; 
      } 
     }, 
     { data: "scCooperationCollection[,].scFields.name" }, 
     { data: "scSkillsCollection[,].scFields.name" }, 
     { data: "workExperience" } 
    ]   
}); 

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

0

Вы можете перемещаться по желательным свойствам в возвращенном объекте JSon и подвязать же к столу что-то, как показано ниже:

table.on('xhr', function() { 
    var json = table.ajax.json(); 
    var obj = JSON.parse(json) 
    var tableJson = {"ID":obj.aaData[0].id}; 
    console.log(json); 
});