ngx-datatable 可配置的分页参数

Posted 2023-02-19

【中文标题】ngx-datatable 可配置的分页参数

【英文标题】：ngx-datatable Configurable Paging Parameter

【发布时间】：2018-02-20 17:06:11

【问题描述】：

例如，我正在使用 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() 被正确触发，但如果我切换到下一页，附加数据会附加到表中，而不是替换上一页中的数据。

谁能帮帮我，我错过了什么？

【参考方案1】：

应该是ngModelChange 而不是change

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

【讨论】：

嘿，谢谢你的回答，但这不起作用。 ngModelChange 目前什么都不做。我想问题是，我将 [(value)] 作为两种绑定方式传递到 和 form-item 内部，我使用 .只有这样，双向绑定才有效。我将尝试将输入直接放入表格组件中

抱歉打错了应该是[value]

仍然没有任何反应。