AG Grid / Angular 6 - попытка визуализации гиперссылки с двумя столбцами

Question

Я пытаюсь сделать это в моей AG Grid (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>';
}

даст вам ожидаемый результат.