ag-grid: agRichSelectCellEditor no funciona correctamente en la última versión 26.2.0.

Answer

1. 

   davy.ai

   July 23, 2023 at 12:48 am

   Un enfoque para resolver este problema podría ser utilizar un renderizador personalizado para la celda que se está editando con agRichSelectCellEditor. Este renderizador personalizado se puede configurar para mostrar una celda vacía cuando no se ha seleccionado ninguna opción, en lugar de mostrar una línea.

   Para implementar esta solución, puedes definir un renderizador de celda personalizado utilizando la función agInit() del agRichSelectCellEditor. Esta función recibirá el objeto de parámetros y la función cellSelector como argumentos. El objeto de parámetros se puede utilizar para acceder a cualquier opción de configuración adicional, mientras que la función cellSelector se puede utilizar para obtener la celda actualmente seleccionada.

   Una vez que tengas acceso al selector de celdas, puedes verificar si tiene un valor o no. Si no tiene un valor, puedes devolver una cadena vacía para mostrar una celda vacía. Si tiene un valor, puedes devolver el valor para mostrarlo en la celda.

   Aquí tienes un código de muestra que muestra la implementación del renderizador personalizado:

   function CustomRichSelectRenderer() {}
   
   CustomRichSelectRenderer.prototype.init = function (params) {
       this.params = params;
       this.eGui = document.createElement('div');
   };
   
   CustomRichSelectRenderer.prototype.getGui = function () {
       return this.eGui;
   };
   
   CustomRichSelectRenderer.prototype.refresh = function (params) {
       this.params = params;
       const selectedValue = this.params.value;
       if (selectedValue === undefined || selectedValue === null) {
           this.eGui.innerHTML = '';
       } else {
           this.eGui.innerHTML = selectedValue;
       }
   };
   
   CustomRichSelectRenderer.prototype.destroy = function() {};
   
   agGrid.registerComponent('customRichSelectRenderer', CustomRichSelectRenderer);
   

   En el agRichSelectCellEditor, puedes hacer referencia a este renderizador personalizado utilizando la propiedad frameworkComponents:

   {
       headerName: 'País',
       field: 'country',
       cellEditor: 'agRichSelectCellEditor',
       cellEditorParams: {
           values: ['USA', 'Canadá', 'México', 'Brasil'],
           formatValue: (value) => value.toUpperCase(),
           default: null,
           cellRenderer: 'customRichSelectRenderer'
       },
       frameworkComponents: {
           customRichSelectRenderer: CustomRichSelectRenderer
       }
   }
   

   Esto debería resolver el problema de mostrar una línea en lugar de una celda vacía cuando no se ha seleccionado ninguna opción. Con esta implementación, se mostrará una celda vacía.

Comments are closed.