【问题标题】:How to disable sorting on client after sorting on Server API?在服务器 API 上排序后如何在客户端上禁用排序?
【发布时间】:2020-11-25 19:27:58
【问题描述】:

我有一个 DataGrid,当我单击标题列进行排序(例如按日期)时,它会请求我的 API 以正确的顺序回答所有数据。但在此之后,当 Datagrid 重新加载新数据时,Ag-Grid 组件再次对该列进行排序,并带来了错误的顺序。

有没有办法只禁用 Ag-Grid 组件上的排序,但不禁用标题排序按钮(因为这个按钮将请求发送到 API)?

【问题讨论】:

    标签: ag-grid ag-grid-angular


    【解决方案1】:
    1. 删除可排序 (或)
    2. 使用 sortType = null

    这可以在 ColumnDef 中完成。

    【讨论】:

      【解决方案2】:

      使用什么都不做的自定义比较器。 AG Grid,如果未提供 comparator,则对字段使用字母或数字排序,但如果您提供 Comparator 的自定义实现,则它使用它对数据进行排序。因为您已经在服务器上对其进行排序,因此您可以使用它

          var columnDefs = [
          { field: 'customField', comparator: customComparator},
          ....
          ];
      
          function customComparator(data1, data2) {
          return 0; //means no comparing and no sorting
          }
      

      【讨论】:

        猜你喜欢
        • 2010-09-24
        • 1970-01-01
        • 1970-01-01
        • 2012-05-30
        • 2012-05-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多