Estoy trabajando en un AG-Grid usando JavaScript y tengo dificultades para pasar parámetros adicionales para usar en un cellRenderer usando cellRendererParams y valueGetter.
He simplificado esto para deshacerme de todo lo demás mientras soluciono lo que estoy haciendo mal.
Primero en mi columnDefs tengo estas dos columnas (entre otras)
{ headerName: 'Test Getter', field: 'subType', cellRenderer: LinkRenderer, cellRendererParams: { isNew: true, valueGetter: (params) => ({ sizeL: params.data.size, fileNameL: params.data.fileName }), }, suppressMenu: true, resizable: false, width: 120 }, { headerName: 'Testing2', valueGetter: 'data.size + data.fileName', resizable: true },Y mi clase simple cellRenderer:
class LinkRenderer { init(params) { this.eGui = document.createElement('span'); // var ext = params.isNew; var ext = params.sizeL; this.eGui.innerHTML = `${ext}`; } getGui() { return this.eGui; } refresh(params) { return false; } }Hay un par de cosas a tener en cuenta en mi código para mostrar algunas pruebas que he realizado para asegurarme de que tengo acceso a los datos y que mis cellRendererParams funcionan para cadenas que no son de datos.
No estoy seguro de dónde está mi problema. Probé todo tipo de cosas diferentes con valueGetter que está dentro de cellRendererParams, y probé todo tipo de formas de abordar los campos en cellRenderer, pero todo lo que intento devuelve indefinido.
¿Algún pensamiento o idea?