ngx-datatable 可配置分页参数

问题描述 投票:0回答:1

我正在使用 ngx-datatable 构建数据表,并使用 [limit]="10" 激活分页。这很好用。但是,我想通过访问者配置每页的条目。

所以我向控制器添加了一个变量:

pageSize: number = 10; // defaults to 10

此外,我创建了一个项目组件(是我自己的组件)

<form-item
    name="pageSize"
    [(value)]="pageSize"
    (change)="table.recalculate()"
></form-item>

<ngx-datatable
      #table ...

这会创建一个:

<input type="text" name="pageSize" [ngModel]="value">

现在,这并没有按预期工作。初始值设置为 10。当我更改它时,onchange 回调有一个神秘的延迟?!。它每次的反应并不相同。 table.recalculate() 被正确触发,但如果我切换到下一页,附加数据将被附加到表中,而不是替换上一页中的数据。

有人可以帮助我吗,我错过了什么?

javascript angular forms pagination ngx-datatable
1个回答
0
投票

应该是

ngModelChange
而不是
change

<form-item
    name="pageSize"
    [value]="pageSize"
    (ngModelChange)="table.recalculate()"
></form-item>
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.