angular - 如何在 ag-Grid Angular 设置中访问 c​​olumnDefs 中另一列的值?

标签 angular ag-grid-angular columndefinition

我有一个包含两列的 ag-Grid:ID 列和描述列。 我在 TypeScript 类的 ngOnInit() 方法的 columnDefs 中构造了这两列的列定义。

在“描述”列中,我使用 cellRendererFramework 在我的 ag-Grid 中渲染 routerLink。 我使用 cellRendererParams 将一些必要的参数传递到我的 Angular 渲染器组件。 正是在“描述”列中,我需要访问 ID 列的 ID 值,并将其放入 cellRendererParams 参数“resourceId”中。 我需要这个 ID 才能构建我的工作 RouterLink。

如何在下面的代码中执行此操作?

ngOnInit() {
  this.columnDefs = [

    // Column A - ID
    { 
        headerName: 'ID', 
        field: 'id', 
        width: 80, 
        sort: 'desc' 
    },

    // Column B - Description
    {
        headerName: 'Description',
        field: 'description',
        width: 150,
        cellRendererFramework: AgGridRouterLinkRendererComponent,
        cellRendererParams: {
            resourcePath: '/leverance/detail',
            resourceId: HERE-I-WOULD-LIKE-TO-ACCESS-THE-ID-VALUE-OF-THE-ID-FIELD-IN-THE-ID-COLUMN-ABOVE
    }

  ];
}

最佳答案

我会像这样定义 B 列:

// Column B - Description
      {
        headerName: 'Description',
        field: 'description',
        width: 150,
        cellRendererFramework: AgGridRouterLinkRendererComponent,
        cellRendererParams(params) {
          return {
            resourcePath: '/leverance/detail',
            resourceId: params.data.id
          }
        }
      }

这样您就可以获取其他列中的任何字段。

关于angular - 如何在 ag-Grid Angular 设置中访问 c​​olumnDefs 中另一列的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53887955/

相关文章:

angularjs - 如何使用 https ://angular. io/docs/ts/latest/guide/webpack.html 中的 vendor.ts

ag-grid - 无限行模型 - 行高

angular - 如何获取 AgGrid 的选定行列索引(Angular)

angular - 从 ag-grid 列获取复选框值

angularjs - Angular JS动态地将列添加到ui-grid

c# - WPF ListBox 布局(同时考虑所有行的动态列宽)

angular - 使用 ng-recaptcha 将 Google reCaptcha v3 集成到 Angular 应用程序中

angular - 如何访问效果中的状态树? (@ngrx/效果 2.x)

javascript - 如何正确覆盖 Angular 树的样式?