Добавить пользовательский фильтр выпадающего списка для реакции списка

Question

Вопрос 1: У меня есть представление списка со столбцом «Активен»:

Я хочу разрешить пользователю выбирать Актив / Неактивен из группы переключателей в качестве фильтра (или раскрывающегося списка). Я знаю, что реагирующий администратор предоставляет фильтры для справочных полей из коробки. А как насчет нереференсного поля, такого как «Активный»?

Вопрос 2: Есть ли способ добавить кнопку очистки или «X» в поле поиска, чтобы быстро очистить все фильтры? В настоящее время вы должны выбрать, что находится в поиске и очистить текст. Раздражает необходимость использовать мышь и клавиатуру для очистки фильтров. Но я предполагаю, что есть способ обойти это.

Спасибо.

Answer 1

Я хочу разрешить пользователю выбирать активный / неактивный из группы переключателей в качестве фильтра (или раскрывающегося списка). Я знаю, что реагирующий администратор предоставляет фильтры для справочных полей из коробки. А как насчет нереферентного поля, такого как «Активный»?

Существует BooleanInput и NullableBooleanInput . Документация написана довольно хорошо, и есть много компонентов ввода для использования.

Вопрос 2: Есть ли способ добавить кнопку очистки или «X» в поле поиска, чтобы быстро очистить все фильтры? В настоящее время вы должны выбрать, что находится в поиске и очистить текст. Раздражает необходимость использовать мышь и клавиатуру для очистки фильтров. Но, я предполагаю, что есть способ обойти это.

, если вы используете TextInput для поля поиска, есть реквизит resettable

С вместе эти две вещи должны иметь более или менее похожий код в компоненте фильтра:

<Filter {...props}>
   <TextInput label="Search" source="q" alwaysOn resettable />
   <NullableBooleanInput label="Is Active" source="active" alwaysOn/>
</Filter>