AG Grid / Angular 6 - 尝试呈现具有两列的超链接

Question

我正尝试在我的 AG 网格 (Angular 6) 中执行此操作：

有一列显示我的对象的名称
但与此同时，该列应使用该对象的 Id（不是名称）

我当前的代码片段：

columnDefs = [
    { 
        headerName: 'Name', field: 'Name', width: 125,
        cellRenderer: function(params) {
             return '<a href="/admin/edit/' + params.value + '">' + params.value + '</a>';
        }
    },

但是，现在，我所能做的就是创建一个单元格渲染器，但由于它是 Name 列的列的单元格渲染器，我只能访问该名称 - 但我需要 Id 来构建超链接，它应该指向 /admin/edit/47（或者 Id 可能是什么）。

我怎样才能做到这一点？为了能够在我的单元格渲染器中同时获得 Name（用于显示）和 Id，我还需要做什么？

Answer 1

您可以使用 params.data.Id 访问它，其中 params.data 指向绑定到您的记录的对象。所以，

cellRenderer: function(params) {
  return '<a href="/admin/edit/' + params.data.Id + '">' + params.value + '</a>';
}

会给你你期待的结果。

AG Grid / Angular 6 - 尝试呈现具有两列的超链接

AG Grid / Angular 6 - trying to render a hyperlink with two columns

hyperlink

ag-grid

angular6