如何使SelectInput成为默认显示的过滤器的一部分？
如何使SelectInput成为默认显示的过滤器的一部分？
提问于 2018-10-17 23:27:56
我有一个admin-on-rest系统，它显示一个带有列表的页面，并且我在过滤器中有两个字段，一个(q - free text search)我希望始终显示，第二个是状态选择，我希望允许用户删除它(然后出现在'add filter‘列表中)，但我希望它最初显示(以便初始/默认视图被过滤到只有一个特定的状态)，这样用户就可以删除这个值，或者更改它以查看他们想要的任何其他状态过滤
找不到这样做的方法...
回答 1
Stack Overflow用户
发布于 2018-10-18 00:39:43
列表documentation中解释了这一点:您可以将alwaysOn道具添加到您希望始终显示的过滤器中。
const PostFilter = (props) => (
<Filter {...props}>
<TextInput label="Search" source="q" alwaysOn />
<TextInput label="Title" source="title" defaultValue="Hello, World!" />
</Filter>
);
export const PostList = (props) => (
<List {...props} filters={<PostFilter />}>
...
</List>
);为了设置过滤器的默认值，您还必须在List组件上设置filterDefaultValues属性：
const PostFilter = (props) => (
<Filter {...props}>
<TextInput label="Search" source="q" alwaysOn />
<BooleanInput source="is_published" alwaysOn />
<TextInput source="title" defaultValue="Hello, World!" />
</Filter>
);
export const PostList = (props) => (
<List {...props} filters={<PostFilter />} filterDefaultValues={{ is_published: true }}>
...
</List>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52858500
复制相关文章
相似问题
腾讯云开发者
