Как программно обновить реквизиты ячеек в Mui-Datagrid

Мы используем компонент Mui-Datagrid, где пользователи могут загружать и редактировать свои данные. В пределахcustomIDопределение столбца, есть свойства и.

const columns = [ { field: "customID", headerName: "customID", width: 100, editable: true, preProcessEditCellProps: customIDValidation, renderEditCell: renderEditCell } ... ];

The preProcessEditCellPropsпроверка достоверности ввода только тогда, когда пользователь печатает. Если длина значения меньше 3, он возвращаетerror&errorMessageа затем передать егоrenderEditCellв качестве реквизита.

Дело в том, что у нас есть кнопка отправки, где мы хотим проверить все ячейки перед отправкой данных, а затем обновить реквизиты ячеек, чтобы показать, какие ячейки недействительны, а также стилизовать их.

Я пытался выяснить, как обновить эти реквизиты ячеек, используя apiRef Mui DataGrid, и не смог найти подходящего метода для этого.

прикрепленные коды и ящик:https://codesandbox.io/s/morning-snow-pmj64y?file=/src/App.js

Любые идеи более чем приветствуются. Спасибо!

0 ответов

Другие вопросы по тегам