2015-10-23 52 views
0

我有一個數據表和Json數據的問題。 Json看起來好,已驗證,但不能獲得數據表來處理。沒有錯誤,虛無縹緲...... enter image description heredatatables不能正確Json

<table id="dtable3"> 
<thead> 
<tr> 
    <th></th> 
    <th>Listing Id</th> 
    <th>Listing title</th> 
    <th>Calendar Id</th> 
    <th>Calendar Title</th> 

</tr> 
</thead> 

<tfoot> 
<tr> 
    <th></th> 
    <th>Listing Id</th> 
    <th>Listing title</th> 
    <th>Calendar Id</th> 
    <th>Calendar Title</th> 

</tr> 
</tfoot> 

$(document).ready(function() { 
    var dt=<?php echo $jsonList?>; 

    $('#dtable3').DataTable({ 

     "pageLength": 10, 
     data: dt, 
     // data:dat, 
     columns: [ 
      { 
       "className": 'details-control', 
       "orderable": false, 
       data: null, 
       "defaultContent": "<span class='showBookings glyphicon glyphicon-list'></span><span class='editCal glyphicon glyphicon-pencil'></span>" 
      }, 
      {data: 'listing_id'}, 
      {data: 'title_1'}, 
      {data: 'calendar_id'}, 
      {data: 'calendar_title'}, 
     ], 
    }); 

廣東話圖什麼不對的JSON或代碼,因爲我不明白的錯誤或其他任何東西... 謝謝爲你的時間,非常感謝你的幫助。

+0

你的代碼工作正常,請參閱https://開頭的jsfiddle。淨/ qhyj1288/1 /。最有可能的問題是在這一行'var dt = <?php echo $ jsonList?>;'。您可以查看頁面的源代碼併發布PHP解釋後實際顯示的內容嗎? –

+0

@ Gyrocode.com,看到我現在更新的答案 - 他當然需要JSON.parse()它 - 愚蠢的我:( – davidkonrad

回答

1

由於代碼工作正常 - http://jsfiddle.net/Lz6u5t1s/1/ - 的原因是,你需要分析的是通過PHP呼應出字符串:

var dt = JSON.parse(<?php echo $jsonList ?>); 
+0

@gyrocode,你正在加載'{「data」:[[「...'在小提琴...... – davidkonrad

+0

@ Gyrocode.com - 第2個鏈接是一個數組數據類型,OP使用的是JSON,而你指的是錯誤的dataSrc--正如我在答案中提到的 - > https://www.datatables。 net/examples/ajax/custom_data_property.html「_As一個空字符串(例如dataSrc:'') - 數據源不是一個對象,而是一個array_」,OP現在可以插入文字和字面數組 – davidkonrad

+1

@ Gyrocode.com看起來你是對的,代碼實際上可以正常工作 - dataSrc不需要重新設置。「有趣」,我一直這麼做,也許我們是在1.9.x版本中完成的?不知怎麼的一個貨運程序的例子:( – davidkonrad