4

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

数据正确呈现,页脚说:“显示 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
}
4

4 回答 4

1

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

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

queryRecordCount 被 perPage 除以等于单页。

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

于 2019-02-01T12:22:32.273 回答
0

在代码中添加这个

$('#my-ajax-table').dynatable({
dataset: {
    ajax: true,
    ajaxOnLoad: true,
    ajaxUrl: 'consulta.json',
    records: [],
    perPageDefault: 5,
    perPageOptions: [5, 10, 100]
},
features: {
    paginate: true,
    sort: true,
    pushState: false,
    search: true,
    recordCount: true,
    perPageSelect: true
}

});

于 2014-11-06T07:17:51.530 回答
0

配置分页参数后,确保您的 JSON 返回“queryRecordCount”和“totalRecordCount”字段。

于 2017-03-01T17:22:39.763 回答
0

此查询的 queryRecordCount 和 totalRecordCount 相同。应该

"queryRecordCount": 45,
"totalRecordCount": 45

它仅在过滤查询(?搜索)上有所不同

于 2019-10-08T10:12:26.140 回答