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

Question

我正在寻找钩子排序事件在NG2智能表上执行。跟随https://akveo.github.io/ng2-smart-table/#/documentation，我看到了一堆事件，比如rowSelect，mouseover等，但我没有看到库发布/发出的排序事件。我正在考虑更改排序，并在内部调用( Ng2SmartTableComponent )时发出一个事件。我想知道是否有人已经这么做了，或者有什么我可以信赖的技巧。

Answer 1

ng2-smart-table中排序的源代码显示在GitHub (link to code)上。

如果您想要更改比较函数(默认情况下使用)，您可以在您的NG2-smart-table配置中添加您自己的自定义函数：

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>

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