如何使AutocompleteInput或SelectArrayInput可滚动？

Question

我正在使用AutocompleteInput框架中的SelectArrayInput和AOR，并希望从众多项目中进行选择。不幸的是，菜单不适合屏幕。

如何使列表可滚动？

提前致谢。

Answer 1

根据Material UI文档，您可以通过选项传递listStyle属性：

<ReferenceArrayInput label="Parts" source="partId" reference="parts" allowEmpty>
    <AutocompleteInput optionText="name"
       options={{ listStyle: { overflow: 'auto', maxHeight: 200}}} />
</ReferenceArrayInput>

根据您的实施情况，您可能也会对SelectManyInput采取相同的行为：

<ReferenceArrayInput label="Parts" source="partId" reference="parts" allowEmpty>
    <SelectManyInput optionText="name"
       options={{ listStyle: { overflow: 'auto', maxHeight: 200}}} />
</ReferenceArrayInput>

材质用户界面文档：http://www.material-ui.com/#/components/auto-complete Rest Admin doc：https://marmelab.com/admin-on-rest/Inputs.html#autocompleteinput

类似的东西：