Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 为react admin列表视图添加自定义筛选器下拉列表_Reactjs_React Admin - Fatal编程技术网

Reactjs 为react admin列表视图添加自定义筛选器下拉列表

Reactjs 为react admin列表视图添加自定义筛选器下拉列表,reactjs,react-admin,Reactjs,React Admin,问题1:我有一个列表视图,其中有一列用于活动: 我想允许用户从单选按钮组中选择Active/Inactive作为过滤器或下拉列表。我知道react admin为引用字段提供了现成的过滤器。非参考字段(如活动字段)如何 问题2:有没有办法在搜索字段中添加一个清除按钮或X来快速清除所有过滤器?目前,您必须选择搜索内容并清除文本。必须使用鼠标和键盘清除过滤器,这很烦人。但是,我猜这是有办法的 谢谢 我想允许用户从单选按钮中选择Active/Inactive 分组为筛选器或下拉列表。我知道react a

问题1:我有一个列表视图,其中有一列用于活动:

我想允许用户从单选按钮组中选择Active/Inactive作为过滤器或下拉列表。我知道react admin为引用字段提供了现成的过滤器。非参考字段(如活动字段)如何

问题2:有没有办法在搜索字段中添加一个清除按钮或X来快速清除所有过滤器?目前,您必须选择搜索内容并清除文本。必须使用鼠标和键盘清除过滤器,这很烦人。但是,我猜这是有办法的

谢谢

我想允许用户从单选按钮中选择Active/Inactive 分组为筛选器或下拉列表。我知道react admin提供过滤器 用于开箱即用的参考字段。非参考字段呢, 喜欢运动吗

有。文档编写得很好,有很多输入组件可供使用

问题2:是否可以通过搜索字段添加清除按钮或X 要快速清除所有过滤器?目前,您必须选择中的内容 搜索并清除文本。不得不使用鼠标和 键盘清除过滤器。但是,我猜这是有办法的

如果您在搜索字段中使用TextInput,则会出现prop

结合这两个因素,您应该在过滤器组件中有或多或少相似的代码:

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

正是我需要的。谢谢