如何使用 angular2 在 p-Table 中使用延迟加载 + 排序

Question

我在我的应用程序中使用了延迟加载，我也想使用项目的排序。 如果我不使用延迟加载它工作正常，但我希望应用程序在延迟加载和排序中都能工作。谁能帮我解决这个问题。

演示：

https://stackblitz.com/edit/angular-ya2md7?file=src%2Fapp%2Fapp.component.html

Answer 1

您不能对不存在的元素进行排序。加载所有内容，排序然后显示，或者让您的后端为延迟加载提供排序和分页数据。

这就是它通常的工作方式（字母选项）

Answer 2

网格触发的 LazyLoadEvent（当分页打开时）保存所请求列的排序依据的属性。只要将pSortableColumn属性添加到th标签即可。

我认为方向属性也在那里，值为-1或+1值。因此，您可以将这些值作为 LazyLoadEvent 处理程序的一部分，并将其传递给您的后端（您只需将从事件中获得的内容解释为后端需要的内容）。我必须将 -1 转换为 'DESC' 以进行降序。