时间戳

首页 > 解决方案 > 如何获得角度 ng2-smart-table 过滤和排序外部事件？

angular - 如何获得角度 ng2-smart-table 过滤和排序外部事件？

问题描述

我有 REST API 后端，所以所有的排序、过滤和分页都由后端管理。在我的 Angular 应用程序中，我想在 ng2 智能表上显示数据。单击表头列名（按 asc、desc 排序）后，表内容仅在前端排序。我需要获取一些事件来调用 REST API 来更新数据（不仅是前端排序），同样我需要按标题输入字段进行过滤。输入过滤输入后，我需要调用 rest api 从后端获取过滤后的数据。

如果我将表格模式设置为外部，我只会获得用于创建新项目、删除项目和编辑事件的事件。我怎样才能获得排序和过滤事件？

我尝试了智能表文档中的所有内容，但在文档中仅用于创建删除和更新外部事件而不是排序和过滤的解决方案

标签： angularng2-smart-table

解决方案

尝试将此代码添加到您的ngOnInit()

this.tableData.onChanged().subscribe((change) => {

  if (change.action === 'filter') {        
    // Do whatever you want with the filter event

  }
});

注意： this.tableData是您的 LocalDataSource。

链接了解更多详情

推荐阅读