筛选器顺序从字母顺序[默认]到自定义顺序的角农业网格序列

Question

我正在尝试在ag-grid过滤器上有自己的自定义过滤器顺序。

除了默认的过滤顺序[字母排序]，我想拥有自己的过滤顺序。

像在Ag-grid中一样，我只能按字母顺序显示过滤器，但就我而言，我希望将其作为动态数据的自定义过滤器顺序。 < / strong>

  

作为参考，我在过滤器中包含了一些数据并观察   按字母顺序排序。

请找到以下矮人：

Plunker for filter Sequence

让我在我的用户界面下方显示

因此，我正在尝试更改自定义过滤器的顺序。

例如

  

  

• 严重

  

• 高

  

• 中等

  

• 低

  

有人对此有想法吗？

我的模板：

filter.component.ts

 this.columnDefs = [
    {
          headerName: 'Severity',
          field: 'Severity',
          enableRowGroup: true,
          rowGroup: true,
    }

Answer 1

嗨，大家都感谢您对此问题的评论。

最后，这个问题由我自己的研究解决了。

请在Plunker ..

下浏览

Plunker for Custom filter ordering sequence

  

每个Ag-grid过滤器数据仅按字母顺序显示。

     

因此，我们希望将其作为动态数据的自定义过滤顺序。

因此，根据我们的实现，它已更改为如下所示的自定义方式。

filter.component.ts

 {
           headerName: 'Severity',
           field: 'Severity',
           filterParams: {
             values: getAllValues(),
             comparator: function (a, b) {
               const numA = parseInt(a);
               const numB = parseInt(b);
               if (numA > numB) {
                 return 1;
               } else if (numA < numB) {
                 return -1;
               } else {
                 return 0;
               }
             }
           },

function getAllValues() 
{ 
   const allPages: any = []; 
   allPages.push('Critical','High', 'Medium', 'Low'); 
   return allPages;
}