我遵循了DataTable文档,并按以下方式实现,数据已重新呈现,但分页无法正常工作。
当我单击dataTable和actula右下角的页码时,如何获得实际的pageNumber(table.page.info()。page)(pageSize(table.page.info( ).length)当我在ajax调用之前更改datatable左上角的页面长度时。
示例1:单击页码“ 1”时得到-
Page Number 0 Page Size 10
但应该是
Page Number 1 Page Size 10
示例2:当我将页面长度“ 10”更改为“ 25”时-->
Page Number 0 Page Size 10
但应该是
Page Number 0 Page Size 25
这意味着我落后一步,请帮忙。...
这是我的html
<table id="allScholarshipResult" class="table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Id</th> <th>Scholarship Year</th> <th>Scholarship Level</th> <th>Total Candidate</th> <th>Boy</th> <th>Girl</th> </tr> </thead> <tfoot> <tr> <th>Id</th> <th>Scholarship Year</th> <th>Scholarship Level</th> <th>Total Candidate</th> <th>Boy</th> <th>Girl</th> </tr> </tfoot> </table>
这里是js
$(document).ready(function() { var url = 'all'; var pageNumber; var pageSize; var table = $('#allScholarshipResult').DataTable({ "processing": true, "serverSide": true, "paging": true, "searching": { "regex": true }, ajax: function ( data, callback, settings ) { $.ajax({ url: url, type: 'GET', data: { pageNumber: pageNumber, pageSize: pageSize }, success: function( response, textStatus, jQxhr ){ pageNumber = table.page.info().page; pageSize= table.page.info().length; console.log('Page Number '+pageNumber + ' Page Size ' + pageSize); callback({ data: response.responseObject.data, recordsTotal: response.responseObject.recordsTotal, recordsFiltered: response.responseObject.recordsFiltered }); }, error: function( jqXhr, textStatus, errorThrown ){ } }); }, columns: [ { data: "id" }, { data: "examYear" }, { data: "scholarshipLevelId" }, { data: "candidateTotal" }, { data: "candidateBoy" }, { data: "candidateGirl" }, ] }); } );
从API返回的响应
{
"recordsTotal": 5,
"recordsFiltered": 5,
"data": [
{
"id": 76,
"examYear": 2020,
"scholarshipLevelId": 1,
"candidateTotal": 0,
"candidateBoy": 0,
"candidateGirl": 0
},
{
"id": 75,
"examYear": 2020,
"scholarshipLevelId": 1,
"candidateTotal": 0,
"candidateBoy": 0,
"candidateGirl": 0
},
{
"id": 74,
"examYear": 2019,
"scholarshipLevelId": 2,
"candidateTotal": 0,
"candidateBoy": 0,
"candidateGirl": 0
},
{
"id": 73,
"examYear": 2019,
"scholarshipLevelId": 1,
"candidateTotal": 0,
"candidateBoy": 0,
"candidateGirl": 0
},
{
"id": 72,
"examYear": 2020,
"scholarshipLevelId": 2,
"candidateTotal": 0,
"candidateBoy": 0,
"candidateGirl": 0
}
]
}
我遵循了DataTable文档并按以下方式实现,虽然数据已重新呈现,但分页无法正常工作。当我单击...