Question

我正在尝试在我的AG网格（角度6）中执行此操作：

有一列显示我的对象的名称
但与此同时，该列应使用该对象（而非名称）的 Id 将其呈现为指向编辑页面的超链接

我当前的代码段：

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

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

我该如何完成？为了能够同时获得Id（用于显示）和Name在我的单元格渲染器中，我还需要做什么？

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-尝试呈现具有两列的超链接

1 个答案: