2016-06-21 1 views
0

я стараюсь, чтобы получить завиток данные таблицы JQuery данных (как этот https://datatables.net/examples/api/row_details.html),Не удается показать jquery datables с помощью php json_encode?

Вот response.php

echo json_encode($results); 

выход json_encode:

{ 
"hittotal":69511, 
"data":[ 
    { 
     "....." 
     },..... 
    ] 
} 


HTML таблицы и javascript на моей веб-странице (datatables.php):

<script> 
function format (d) { 
// `d` is the original data object for the row 
return '<table cellpadding="3" cellspacing="0" border="0" style="padding-left:50px;">'+ 
    '<tr>'+ 
     '<td>message:</td>'+ 
     '<td>'+(d.message)+'</td>'+ 
    '</tr>'+ 
    '<tr>'+ 
     '<td>id:</td>'+ 
     '<td>'+d.id+'</td>'+ 
    '</tr>'+ 

'</table>'; 
} 

$(document).ready(function() { 
var table = $('#example').DataTable({ 

    "ajax": { 
    'type': 'POST', 
    'url': 'response.php', 
    'data': { 
     from: '<? echo $from; ?>', 
     to: '<? echo $to; ?>' 

    }, 
    "columns": [ 
     { 
      "className":  'details-control', 
      "orderable":  false, 
      "data":   null, 
      "defaultContent": '' 
     }, 
     { "data": "datetime" }, 
     { "data": "message" }, 

    ], 
    "order": [[1, 'asc']] 
}); 

// Add event listener for opening and closing details 
$('#example tbody').on('click', 'td.details-control', function() { 
    var tr = $(this).closest('tr'); 
    var row = table.row(tr); 

    if (row.child.isShown()) { 
     // This row is already open - close it 
     row.child.hide(); 
     tr.removeClass('shown'); 
    } 
    else { 
     // Open this row 
     row.child(format(row.data())).show(); 
     tr.addClass('shown'); 
    } 
    }); 
}); 
</script> 

HTML:

<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th></th> 
      <th>datetime</th> 
      <th>message</th> 

     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th></th> 
      <th>datetime</th> 
      <th>message</th> 

     </tr> 
    </tfoot> 
</table> 

Я уверен, что эхо json_encode ($ результатов) не пусто, но почему не показано в таблицах данных?

+0

Я вижу, вы используете datatables. Фактически вы используете пакет jquery datatables? –

+0

Да, я использую пакет jqery datatables – user6065185

+0

несколько заметок. Я заметил, что вы используете $ ('# example'). DataTable() ;, однако я не вижу, где вы называете таблицу id = 'example', это означало бы, что пакет данных не имеет понятия, к чему обратиться. Можете ли вы дать мне небольшое описание того, как он работает в настоящее время? Можете ли вы просмотреть простой тип данных, если вы не включили часть php? Благодаря! –

ответ

0

Вы можете взглянуть на функциональность ребенка в DataTables: https://datatables.net/examples/api/row_details.html

Вместо того, дополнительную информацию, которую вы видите в примере, вы могли бы положить строки таблицы вместо.

+0

У меня есть обновленный код и пытаюсь получить данные с php, но это не сработает, можете ли вы помочь мне решить проблему? – user6065185

+0

Я посмотрю сегодня и надеюсь, что вы на правильном пути. –

+0

Kyle Pastor, спасибо за вашу помощь, и я буду ждать вас, спасибо большое – user6065185

Смежные вопросы