gpt4 book ai didi

dynatable - 如何使分页工作?

转载 作者:行者123 更新时间:2023-12-03 08:14:02 25 4
gpt4 key购买 nike

我正在尝试创建一个带有分页的 Dynatable 示例,为此,我直接从与 html 文件相同的目录中创建了一个 html 文件和一个使用 Ajax 加载的 json。

数据正确呈现,te footer 说:“显示 5 条记录中的 5 条(从 45 条记录中筛选出来)”,这也没关系。问题是右边的链接,只显示1页,而应该显示9页。

这是html内容:

<body>
<div class="dynatable-demo">
<table id="my-ajax-table" class="table table-bordered hoverTable">
<thead>
<tr>
<th data-dynatable-column="idturno" data-dynatable-no-sort="true">Id Turno</th>
<th data-dynatable-column="accessionnumber">Accesion Number</th>
<th data-dynatable-column="apellidopaterno">Apellido Paterno</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>

<script>

$('#my-ajax-table').dynatable({
dataset: {
ajax: true,
ajaxOnLoad: true,
ajaxUrl: 'consulta.json',
records: [],
perPageDefault: 5,
perPageOptions: [5,10,100]
}
});
</script>

这是“consulta.json”文件:
{
"records": [
{
"idturno": "88",
"accessionnumber": "24471579",
"apellidopaterno": "DORATO^PABLO EZEQUIEL"
},
{
"idturno": "89",
"accessionnumber": "0001",
"apellidopaterno": "apepaterno"
},
{
"idturno": "90",
"accessionnumber": "0002",
"apellidopaterno": "apepaterno"
},
{
"idturno": "91",
"accessionnumber": "0003",
"apellidopaterno": "apepaterno"
},
{
"idturno": "92",
"accessionnumber": "0004",
"apellidopaterno": "apepaterno"
}
],
"queryRecordCount": 5,
"totalRecordCount": 45
}

最佳答案

我也遇到了同样的问题,经过源代码发现了这一点。

pages = Math.ceil(settings.dataset.queryRecordCount / settings.dataset.perPage)

queryRecordCount 正在除以 perPage,它等于单个页面。

应该是 totalRecordCount 实际上在那个地方。也许问题只出在 ajax 上。使用 更改 queryRecordCount totalRecordCount 它对我来说很好用。

关于dynatable - 如何使分页工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23640597/

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