Datatable Pagaginationが機能しません -- javascript フィールド と php フィールド と pagination フィールド と datatables フィールド 関連 問題

DataTable pagination does not work












1
vote

問題

日本語

サーバーサイドモードとAjaxでデータを表示するにはDataTableを使用しています。
すべて大丈夫ですが、ページィネィネーションは機能しません。

"

以下のようにコードを確認できます。

HTML:

<事前> <コード> <table id="table" class="display" cellspacing="0" width="100%"> <thead> <tr> <td>ID</td> <td>First name</td> <td>Last name</td> <td>Email</td> </tr> </thead> <tbody></tbody> </table>

JavaScript:

<事前> <コード> $(document).ready(function () { $('#table').DataTable({ serverSide: true, ajax: { url: '<?php echo base_url(); ?>folder/class/method' }, processing: true, scrollY: 370, paging: true, bJQueryUI: true }); });

次のようにサーバーから返されたデータ(<コード> JSON ):

<事前> <コード> { "draw": 1, "recordsTotal": 1208, "recordsFiltered": 10, "data": [ ["1", "pando", "rewar", "pando@hotmail.com"], ["2", "chori", "raon", "m_chori@hotmail.com"], ["3", "Gorbat", "horiz", "horiz_555@yahoo.com"], ["4", "martin", "sokza", "martin_em5@gmail.com"], ["5", "dooz", "solda", "solda_m@gmail.com"], ["6", "maro", "meza", "r_meza@hotmail.com"], ["7", "nod", "ion", "nod_eam@yahoo.com"], ["8", "kaz", "loob", "kaz_007@hotmail.com"], ["9", "Barbara", "Elliott", "adipiscing@nonmassanon.org"], ["10", "Kendall", "Nathaniel", "ante.blandit@scelerisque.edu"] ] }

Datatable Workのすべてのコンポーネントは大丈夫ですが、ページ区切りはありません。

英語

I'm use DataTable to display my data by serverSide mode and ajax.
Everything is okay, but pagination doesn't work.

You can review the codes as follow:

HTML:

<table id="table" class="display" cellspacing="0" width="100%">     <thead>         <tr>             <td>ID</td>             <td>First name</td>             <td>Last name</td>             <td>Email</td>         </tr>     </thead>     <tbody></tbody> </table> 

Javascript:

$(document).ready(function () {     $('#table').DataTable({         serverSide: true,         ajax: {             url: '<?php echo base_url(); ?>folder/class/method'         },         processing: true,         scrollY: 370,         paging: true,         bJQueryUI: true     }); }); 

The data that returned from server (JSON) as following:

{     "draw": 1,     "recordsTotal": 1208,     "recordsFiltered": 10,     "data": [         ["1", "pando", "rewar", "pando@hotmail.com"],         ["2", "chori", "raon", "m_chori@hotmail.com"],         ["3", "Gorbat", "horiz", "horiz_555@yahoo.com"],         ["4", "martin", "sokza", "martin_em5@gmail.com"],         ["5", "dooz", "solda", "solda_m@gmail.com"],         ["6", "maro", "meza", "r_meza@hotmail.com"],         ["7", "nod", "ion", "nod_eam@yahoo.com"],         ["8", "kaz", "loob", "kaz_007@hotmail.com"],         ["9", "Barbara", "Elliott", "adipiscing@nonmassanon.org"],         ["10", "Kendall", "Nathaniel", "ante.blandit@scelerisque.edu"]     ] } 

All components of DataTable work fine, but the pagination not.

</div
           
   
   

回答リスト

0
 
vote
vote
ベストアンサー
 

パラメータ<コード> は、ユーザーが検索を実行した場合を除き、<コード> recordsTotal に等しくなければなりません。送信および受信パラメータの詳細については、マニュアル。

応答に draw パラメータの同じ値を返すことも確認してください。 --parameters" rel="nofollow">要求。

 

Parameter recordsFiltered must be equal to recordsTotal unless user performed a search. See manual for more information on sent and received parameters.

Also make sure you're returning the same value of draw parameter in the response. In JSON response value of draw parameter must match value of draw parameter from the request.

</div
 
 
     
     

関連する質問

2  Ajax呼び出しを使用してjQueryデータベースをDIVにロードする方法  ( How to load jquery datatables into div with ajax call ) 
$.ajax を使用して、テーブル全体をDIVにロードする必要がありますが、その後、データベースは機能しません。私はそれについて何かをすることができますか? ...

0  Django Request.getとjQueryデータベース  ( Django request get and jquery datatables ) 
例を考える jquery-datableのテーブルをデータに記入するには、サーバーによって提供される典型的な要求は次の形式です。 <事前> <コード> http://www.datatables.net/examples/server_side/scripts...

0  データテーブルへのFancyBoxを追加する  ( Adding fancybox to datatables ) 
私はDataTable内にFancyBoxを実装しようとしています。データベースに保存されているリンクをクリックし、IFrame / Fancybox内のデータベース内の保存ページをレンダリングし、そのページと対話できるようにしたいです。クリックした場合を除き...

2  jQueryデータベースボタンは最初のクリックでのみ機能します  ( Jquery datatable button works only on first click ) 
HTML - PHP 私は utenti-metrici.php 、およびデータの変更/読み取りに使用する2 modal-windowのテーブルデータを持っています。表には、ボタン(読み取り、更新、削除)もあります。 <事前> <コード> <d...

0  狙撃はドロップダウンに適用されません  ( Syle not getting applied to dropdown ) 
これは少しだけ汚い、スタイルが検索テキストボックスに適用されるのですが、テンプレート上でのようなドロップダウンはそれだけではありません。なぜこれが起こっている可能性があるのか​​についてのアイデア。 > http://jsfiddle.net/nnk7s/2...

2  DataTable rowからモーダルダイアログを呼び出す方法 - jQuery UIと競合するようです  ( How to call modal dialog from datatables row seem to have conflict with jquery ) 
データテーブルで行をクリックしてモーダルフォームを呼び出して「CRUD」機能を作成したい。 私は私のコードの各ステップを通過してこれまで何度も行ってきました、そしてそれは私のJQ-UIとデータ・テーブルの間の衝突を取得しているようです。 "Live"関数のデ...

25  データテーブル - 列幅の設定  ( Datatables setting column width ) 
以下のように列の幅を設定しようとしています。 <事前> <コード> var per_page = $("table").data("per_page"); $(".table").dataTable({ "aoColumnDefs": [ ...

6  DataTables - 列をまとめてマージします  ( Datatables merge columns together ) 
これらのデータベース列を持っていますが、1列になりたいです。どうやってそれをしますか? mrenderで、私は思いますか? <事前> <コード> /* Address */ {"sTitle": "A...

0  LARVAL 5を使用してデータベースにデータを表示する方法  ( How to display data on datatables using laravel 5 ) 
Laravel 5を使用しています。データベース内のJENIS_SURAT列のフィールドをデータベースを使用してテーブルに表示します。 JSONを使用したい場合は、データのエントリに依存する数が表示される方法がわかりますか。 私のコントローラーは私のコントロ...

5  1ページに複数のテーブルを持つデータベース  ( Datatables with multiple tables on one page ) 
単一のページに1つ以上のテーブルを持っていて、それぞれが異なる方法で扱いたい場合に、何らかの説明やドキュメントについては、DataSable.NetのWebサイトを検討しています。 私は明らかに試しました。それぞれが別のIDに割り当て、それから私のJSのそれぞ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有