在 Angular 2 的 ag-grid 中获取/设置过滤器字段的 id

Question

我正在使用 ag-grid 在 angular2 中制作表格。

我有几列，可以对每一列进行过滤。 （我使用自定义过滤器） 为了进一步开发我的应用程序，我需要一个过滤器字段的 id。

我的行是这样的：

    createColumnDefs()  {
    this.columnDefs =[
        { headerName: "ID", field: "id", width:80, filterFramework:{

            component: PartialMatchFilterComponent,
            moduleImports: [FormsModule]
        }},
        { headerName: "Extern id", field: "externalRefId", width:150, filterFramework:{

            component: PartialMatchFilterComponent,
            moduleImports: [FormsModule]
        }},
        { headerName: "Name", field: "customerLastName", width:80,filterFramework:{

            component: PartialMatchFilterComponent,
            moduleImports: [FormsModule]
        }}
    ]
}

例如，用户选择 Name 字段进行过滤。我想知道用户选择了 Name 字段。我如何检查用户选择了哪个过滤字段（例如：在 console.log() 中显示）

Answer 1

您可以通过提供参数为您的组件提供额外的数据 - 例如，您可以使用 filterParams 过滤器：

filterFramework: {
    component: PartialMatchFilterComponent,
    moduleImports: [FormsModule]
},
filterParams: {
    field: "name"
},

然后在 agInit 方法中，您将能够提取此信息以供以后使用：

agInit(params:IFilterParams):void {
    console.log(params.field);