jquery datatable服务器端分页无法正常工作

时间:2016-07-05 21:18:34

标签: javascript php jquery pagination datatables

我正在尝试使用服务器端处理在php项目上实现 jquery数据表,但分页是不工作,我在firebug控制台上没有错误。





页面简单直接,这里是html代码:


& #xA;
 <!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”>< /脚本>

< / head>

< body>
< table class =“table”>
 < THEAD>
 < TR>
 < th col-data =“item_id”>项目ID< / th>
 < th col-data =“name”>名称< / th>
 < / TR>
 < / thead>
< / table>

< script type =“text / javascript”>

 $(document).ready(function(){
 var dataTable = $('。table')。DataTable({
“processing”:true,
“serverSide”:true,& #xA;“按钮”:[],
“订单”:[],
“ajax”:{
 url:“{{url('stock_acc_get')}}”,/ / json datasource
输入:“post”,
}
});

});
< / script>
&# xA;< / body>

< / html>
  




以下是服务器上发布的数据(在firebug控制台中查看):




  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]
 st art 0
  




以下是来自服务器的json响应:




 <代码> {&#XA; “画”:1,&#XA; “recordsTotal”:23,&#XA; “recordsFiltered”:10,&#XA; “数据”:[&#xA; [“100018”,“Test Acc”],[“100019”,“Test Acc 2”],&#xA; [“100020”,“Test Acc 3”],[“5845645”,“可选1”],&#xA; [“56456456”,“可选2”],[“541515”,“可选3”],&#xA; [“845812”,“可选4”],[“103646”,“Belte Setesdal”],&#xA; [“103647”,“Belte Setesdal”],[“103681”,“Belte Sigdal-Eggedal”]&#xA; ]&#xA;}&#xA;  
&#xA;&#xA;

页面设置为显示10条记录。&#xA;记录总数为23,它不会创建导航到下一页的链接。我附上了一张照片以便更好地理解,下一个/上一个按钮被禁用,它显示我只有一页。

&#xA;&#xA;

< / A>

&#XA;

3 个答案:

答案 0 :(得分:12)

答案 1 :(得分:0)

主要是recordsFiltered正在创建分页。所以在这个参数recordsFiltered

上传递表格中的数据总数

答案 2 :(得分:0)

示例: A)用户表中的总记录100 B)搜索/默认/匹配的第70行 C)每页显示的限制行是10; 所以, recordsTotal => C recordsFiltered = B

主要是 recordsFiltered 用于创建分页。