Tengo dos columnas de cuadrícula configuradas para mostrarse como campos desplegables editables. La definición de columna para cada campo usa este código para representar los valores de selección:
return '<div class="editCell-innerDiv">' + params.value + '<img class="alignRight" src="/resource/images/triangle-down_filled_12.png" alt="">' + '</div>';y renderizar así en la grilla:
Cuando el usuario cambia un valor en un menú desplegable, necesito borrar el valor en el otro menú desplegable. Cuando uso este código JS:
params.node.setDataValue('Some_Field', '');Me sale este error en la consola:
No se pueden leer las propiedades de null (leyendo 'getColDef')
¿Qué código usaría para borrar mediante programación el otro campo de selección editable en la cuadrícula?
La forma en que hago esto, aunque no estoy seguro de si el contexto es exactamente el mismo (lo hago dentro de un controlador de eventos para las teclas Tabulador), es la siguiente...
params.node.data.Some_Field = ''; api.refreshCells({ rowNodes: [params.node], force: true }); No estoy seguro de cómo obtendrá acceso a la api ag-grid (el objeto api en mi ejemplo de código). Esto dependerá del contexto de su código.