javascript - jquery 数据表插件和动态对象名称

Question

我挣扎于 datatables填满我的 table 。 我遇到的问题是，当我以这种格式获取我的谷歌日历时

{"23gjsd91su3guu509o1bchhqms@group.calendar.google.com":{"calendar_id":"23gjsd91su3guu509o1bchhqms@group.calendar.google.com","calendar_title":"#1612 White Quartz Apartment"},"vqbidsn2u4edlvto0frvevk6ig@group.calendar.google.com":{"calendar_id":"vqbidsn2u4edlvto0frvevk6ig@group.calendar.google.com","calendar_title":"#994 Cisco Amber (T2)"},"bi07i6futd90lvq9ba8ufvqdu8@group.calendar.google.com":{"calendar_id":"bi07i6futd90lvq9ba8ufvqdu8@group.calendar.google.com","calendar_title":"#1443. Marley Blue"}}

需要有关放置数据表的帮助。 谢谢

Answer 1

您必须清理 JSON，以便它以 [{item}, {item}, ..] 的形式排序:

function sanitizeData() {
    result  = [];
    Object.keys(data).forEach(function(key) {
        result.push(data[key]);
    })
    return result;
} 

那么，如果你有这样的表

<table id="example"></table>

您现在可以使用 JSON 的内容填充数据表:

var table = $('#example').DataTable({
    data : sanitizeData(),
    columns : [
        { title : 'id', data : 'calendar_id' },
        { title : 'title', data : 'calendar_title' }
    ]
})

演示 -> http://jsfiddle.net/zbuudydv/1/