2016-07-05 14 views
3

サーバー側の処理を使用してjquery datatablesをPHPプロジェクトに実装しようとしていますが、ページネーションが機能していないため、Firebugコンソールにエラーがありません。jqueryのdatatableサーバー側のページネーションが動作しない

ページは、シンプルでまっすぐ進む、ここではhtmlコードは次のとおりです。ここで

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-2.2.3/dt-1.10.12/datatables.min.css"/> 
    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-2.2.3/dt-1.10.12/datatables.min.js"></script> 

</head> 

<body> 
<table class="table"> 
    <thead> 
    <tr> 
    <th col-data="item_id">Item Id</th> 
    <th col-data="name">Name</th> 
    </tr> 
    </thead> 
</table> 

<script type="text/javascript"> 

    $(document).ready(function() { 
    var dataTable = $('.table').DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "buttons": [], 
     "order": [], 
     "ajax":{ 
     url :"{{ url('stock_acc_get') }}", // json datasource 
     type: "post", 
     } 
    }); 

    }); 
</script> 

</body> 

</html> 

は(放火魔コンソールで見て)サーバにポストされたデータである。

columns[0][data]  0 
columns[0][name]  
columns[0][orderable]  true 
columns[0][search][regex] false 
columns[0][search][value] 
columns[0][searchable]  true 
columns[1][data]  1 
columns[1][name]  
columns[1][orderable]  true 
columns[1][search][regex] false 
columns[1][search][value] 
columns[1][searchable]  true 
draw 1 
length 10 
search[regex] false 
search[value] 
start 0 

そしてここにはありますサーバーからのjson応答:

{ 
    "draw":1, 
    "recordsTotal":23, 
    "recordsFiltered":10, 
    "data": [ 
    ["100018","Test Acc"],["100019","Test Acc 2"], 
    ["100020","Test Acc 3"],["5845645","Optional 1"], 
    ["56456456","Optional 2"],["541515","Optional 3"], 
    ["845812","Optional 4"],["103646","Belte Setesdal"], 
    ["103647","Belte Setesdal"],["103681","Belte Sigdal-Eggedal"] 
    ] 
} 

ページが10レコードを表示するように設定されています。 レコードの総数は23であり、次のページに移動するためのリンクは作成されません。私は理解のために写真を添付し​​ました。次へ/前へボタンは無効になっており、それは1ページだけです。

enter image description here

答えて

6

recordsFilteredはフィルタ(他のと一緒に)検索ボックスではなく、ページ上のレコード数を通過したレコードの数を表すことになっています。

それが(サーバー側の処理カテゴリ内)第三のDataTable FAQ postを参照してください。他の13

のためのページングを設定しようとしないようにするには、唯一の10の関連レコードがあるというのDataTableを言っています詳細については、その投稿にリンクされているServer-side processingページを参照してください。

+0

FAQ投稿にリンクすると本当に便利です。 –

0

主にrecordsFilteredがページ作成の作成に使用しています。テーブル内のデータの総数をこのパラメータに渡します。recordsFiltered

関連する問題