Как изменить стили ячеек в Ag Grid до и после завершения метода asyn c, вызванного редактированием ячейки?

Question

Я делаю запрос данных, когда пользователи обновляют значения в сетке. Я хотел бы, чтобы фон ячейки становился оранжевым, когда я инициировал запрос. Когда запрос будет завершен, я бы хотел, чтобы в ячейке появился * * * * * * * * * * * * * * * * * * * * * * * * * * *, а затем вернуться к его цвету фона по умолчанию *

Это упрощенная версия моего текущего onCellValueChanged метода. 1005 *

Согласно комментариям фрагмента кода, запрос getData работает и ячейки мигают, но цвет фона ячейки не изменяется до второго редактирования, после чего он постоянно меняется на оранжевый. Это правильный подход? Если так, как я могу заставить это работать? Если нет, есть ли у кого-нибудь рекомендации?

Answer 1

Оказывается, проблемы были с функцией refreshCells. Вместо этого мне нужно было использовать функцию redrawRows.

Сначала мне нужно было получить текущую строку:

const row = this.gridApi.getDisplayedRowAtIndex(params.rowIndex);

Затем мне нужно было обновить sh эту строку после изменения Стиль ячейки:

params.colDef.cellStyle = {backgroundColor: 'orange'};
this.gridApi.redrawRows({rowNodes: [row]});

Тогда мне нужно было сделать то же самое при удалении стиля:

params.colDef.cellStyle = undefined;
this.gridApi.redrawRows({rowNodes: [row]});