#javascript #reactjs #material-ui
Вопрос:
Я работаю над проектом React, который использует интерфейс Material-UI и имеет компонент DataGridPro. Нам нужно, чтобы выбор флажка работал немного иначе, чем то, что реализовано.
В соответствии с этим примером, selectionModel представляет собой массив, содержащий идентификатор каждой выбранной строки. Нам нужно работать со списком исключений и списком выбора:
- Выберите все и добавьте элементы в список исключений при отмене выбора
- Выберите только некоторые строки, которые попадут в список выбора
Можно ли так сильно изменить способ выбора флажка в DataGridPro? Кроме того, можно ли обнаружить щелчок по флажку «выбрать все» в setSelectionModel методе?
Заранее спасибо за любые предложения.
Ответ №1:
Как вы уже упоминали, управляемый выбор позволяет полностью настроить, какая строка выбрана. Тогда вам предстоит определить логику.
Чтобы определить, когда установлен флажок «выбрать все», вы можете использовать событие headerSelectionCheckboxChange (doc).