如何在angular-grid中进行服务器端排序/过滤？

Question

目前有一个open issue可以将服务器端排序/过滤添加到angular-grid项目中。有没有人找到了一种变通办法，可以用当前的网格实现来实现这个功能？不管是不是黑客，我还是要拿着它。

Answer 1

您可以在此处获得更多信息：

http://www.ag-grid.com/angular-grid-virtual-paging/

任何列都可以通过单击标题进行排序。当发生这种情况时，会使用新的排序选项再次调用数据源。

可以对Age、Country和Year列进行筛选。发生这种情况时，会使用新的筛选选项再次调用数据源。

  $scope.gridOptions = {
        enableServerSideSorting: true,
        enableServerSideFilter: true
  }
  ...
  $scope.gridOptions.api.setDatasource(dataSource);

数据源有一个getRows()，它可以使用params.startRow和params.endRow，再加上params.sortModel、params.filterModel来通过http调用从服务器请求数据。

Answer 2

文档在这里:必须将https://www.ag-grid.com/javascript-grid-infinite-scrolling/ Rowmodeltype设置为infinite，而不是setRowData，必须设置dataSource参数。

rowModelType : "infinite",
enableServerSideSorting: true,
enableServerSideFilter: true

像agSetColumnFilter，agTextColumnFilter，agNumberColumnFilter这样的内置过滤器只能在ag grid 15.0.0和16.0.0版本中工作，不能在14.2.0版本中工作。

这是对它的支持：https://embed.plnkr.co/S2yZkGKF7utD1KEt1pbh/