ng2-smart-table - 如何在 ng2-smart-table 中的排序列事件上编写自定义排序逻辑

Question

我正在寻找在 ng2-smart-table 上执行的排序事件。跟随https://akveo.github.io/ng2-smart-table/#/documentation，我看到一堆暴露的事件，如 rowSelect、mouseover 等，但我没有看到库发布/发出的排序事件。我正在考虑更改 Ng2SmartTableComponent 并在内部调用 (sort) 时发出一个事件。我可以知道是否有人已经这样做了，或者是否有我可以依赖的黑客。

Answer 1

ng2-smart-table 中排序的来源显示在 GitHub 上（代码链接）。

如果您想更改 compare-Function（默认使用），您可以在 ng2-smart-table-configuration 中添加自己的自定义函数：

columns: {
    group_name: {
        title: 'Groupname',
        compareFunction(direction: any, a: any, b: any) => {
           //your code
        }
    }
}

Answer 2

我正在寻找一个事件来对我的数据进行远程排序，我找到了一个解决方案。我也有一些页面更改事件（远程分页）的逻辑。这对我有用。

ts

source: LocalDataSource = new LocalDataSource();

ngOnInit() {
  this.source.onChanged().subscribe((change) => {
    if (change.action === 'sort') {
      this.sortingChange(change.sort);
    }
    else if (change.action === 'page') {
      this.pageChange(change.paging.page);
    }
  });
}

html

<ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>

此解决方案不会取代自定义逻辑，但它可能会帮助您解决问题。