gpt4 book ai didi

datatables - jQuery dataTables 页面信息

转载 作者:行者123 更新时间:2023-12-03 09:39:59 29 4
gpt4 key购买 nike

引用:http://datatables.net/reference/api/page.info()

我正在尝试获取 ajax POST 生成的 jQuery DataTable 的当前分页信息。

使用提供的函数 .page.info(),即使表格有多个页面,它也会返回页面和页面的全零。

我的目标是在分页类型“简单”旁边提供分页信息,

[总页数] [<|>] 的第 [当前页码]

这是结果输出:

Object {
end: 0
length: 10
page: 0
pages: 0
recordsDisplay: 0
recordsTotal: 0
start: 0
}

这是 jQuery DataTable 代码:

var oSegmentsDatatable = $('table#segments-datatable').DataTable({
ajax: {
type: "POST",
url: urlSegmentsDatatable,
data: {'advertiser_id':<?=$advertiser_id?>},
error: function (jqXHR, textStatus, errorThrown) {

}
sDom: 'p<"H"f>t<"F"lr>',
bProcessing: false,
bServerSide: true,
responsive: true,
bFilter: true,
sPaginationType: "simple",
aaSorting: [[8,'desc']],
bAutoWidth: false,
aoColumns : [
{ 'sWidth': '25%' }, // 0
{ 'sWidth': '3%' }, // 1
{ 'sWidth': '3%' }, // 2
{ 'sWidth': '3%' }, // 3
{ 'sWidth': '3%' }, // 4
{ 'sWidth': '5%' }, // 5
{ 'sWidth': '5%' }, // 6
{ 'sWidth': '5%' }, // 7
{ 'sWidth': '10%' } // 8
],

columnDefs: [{
targets: "no-sort",
orderable: false
}]
});

var info = oSegmentsDatatable.page.info();
console.log(info);

最佳答案

经典的 javascript 异步问题。你的

var info = oSegmentsDatatable.page.info();

在 AJAX 完成其业务之前执行。您最好在 drawCallback 回调中执行此操作:

function processInfo(info) {
console.log(info);
//do your stuff here
}

var table = $('#example').DataTable({
//other initialisation options
drawCallback : function() {
processInfo(this.api().page.info());
}
});

您也可以挂接到 page.dt 事件,但是您必须在第一次初始化时做一些事情。 page.dt 仅在用户单击新页面或以编程方式更改页面时触发。

关于datatables - jQuery dataTables 页面信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32410133/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com