Get/set Angular 2 的 ag-grid 中过滤字段的 id

Question

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

我有几列，可以对每一列进行过滤。（我使用自定义过滤器）为了进一步开发我的应用程序，我需要过滤器字段的 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]
        }}
    ]
}

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

Answer 1

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

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

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

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

Get/set Angular 2 的 ag-grid 中过滤字段的 id

Get/set id of a filter field in ag-grid for Angular 2

filter

ag-grid

angular