Làm thế nào tôi có thể sử dụng một đối tượng JSON địa phương như là một nguồn dữ liệu cho DataTables jQuery

Question

Tôi có một đối tượng JSON địa phương được định dạng như thế này:

[{ 
    "id": "58", 
    "country_code": "UK", 
    "title": "Legal Director", 
    "pubdate": "2012-03-08 00:00:00", 
    "url": "http://..." 
},{ 
    "id": "59", 
    "country_code": "UK", 
    "title": "Solutions Architect,", 
    "pubdate": "2012-02-23 00:00:00", 
    "url": "http://..." 
},{ 
    // ....more of the same...... 
}] 

Tôi muốn thiết lập này làm nguồn dữ liệu cho một jQuery datatable và đã cố gắng này:

testdata = '{{ jobsJSON | raw }}'; //twig template tag 
console.log(testdata); 
$('#test').dataTable({ 
    "aoData": testdata, 
    "aoColumns": [ 
     { "mDataProp": "id" }, 
     { "mDataProp": "country_code" }, 
     { "mDataProp": "title" }, 
     { "mDataProp": "pubdate" }, 
     { "mDataProp": "url" } 
    ] 
}); 

các DataTables cắm tải và cố gắng để vẽ bảng, nhưng cung cấp cho các lỗi 'không có dữ liệu trong bảng'

tôi không làm một Gọi AJAX và chỉ muốn truy cập đối tượng JSON từ một biến JS cục bộ.

Answer 1

Khách sạn cung cấp dữ liệu của riêng bạn là aaData KHÔNG aoData:

testdata = [{"id":"58",...}]; // local object 

$('#test').dataTable({ 
    "aaData": testdata, 
    "aoColumns": [ 
     { "mDataProp": "id" }, 
     { "mDataProp": "country_code" }, 
     { "mDataProp": "title" }, 
     { "mDataProp": "pubdate" }, 
     { "mDataProp": "url" } 
    ] 
}); 

Working fiddle

Answer 2

Tôi vải trên thị trường cùng một vấn đề, giải pháp là như thế này: Nơi $('#list_table').dataTable mã trong setTimeout chức năng hoãn ứng dụng DataTable trong 5 giây:

setTimeout("$('#list_table').dataTable ...." , 5000); 

Tôi nhận thấy rằng áp dụng plugin dataTable trong firebug sau khi bảng được tải, nó không hiển thị lỗi là "Không có dữ liệu có sẵn trong bảng".