Estoy tratando de implementar mi propio procesador de celdas siguiendo este ejemplo https://www.ag-grid.com/javascript-data-grid/cell-rendering/ , pero en mecanografiado . Cuando declaro una clase que implementa la interfaz ICellRenderer e intento implementar los métodos de la interfaz, aparece un error de tiempo de compilación "La propiedad 'eGui' no existe en el tipo 'MessageCellRenderer'".
Esto es parte de mi archivo ts donde defino el renderizador y la vista que contiene la cuadrícula. NOTA: La cuadrícula se muestra bien sin el renderizador de celdas, pero necesito diseñar las celdas en función de los valores mostrados, por lo tanto, trato de usar el renderizado de celdas.
import {ErrorFilterView} from "./error-dialog/error-filter-view"; import {ICellRenderer} from 'ag-grid-community/main'; var agGrid = require('../../../../node_modules/ag-grid-community'); class MessageCellRenderer implements ICellRenderer{ init(params) { this.eGui = document.createElement('span'); if (params.value !== '' || params.value !== undefined) { this.eGui.innerHTML = `'<span class="error_read_#: params.value# error-item_#: Id#">#:Message#</span>'`; } } // gets called once when grid ready to insert the element public getGui() { return this.eGui; }; // gets called whenever the user gets the cell to refresh public refresh(params) { // set value into cell again this.eValue.innerHTML = params.value; }; // gets called when the cell is removed from the grid public destroy() { // do cleanup, remove event listener from button }; } export var NotificationsDialogView = (viewModel : ErrorDialogViewModel) => { if (!viewModel.getIsInitialized()) return; var messageGrid: any; var config = (element : any, isInitialized : boolean, context : any) => { mdlInit(element, isInitialized, context);Descubrí esto: solo necesitaba agregar las definiciones de variables requeridas, ya que el ejemplo estaba usando javascript en lugar de mecanografiado, que es un lenguaje fuertemente tipado (tipo de)