如何使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>

材料UI文档:http://www.material-ui.com/#/components/auto-complete Rest Admin doc:https://marmelab.com/admin-on-rest/Inputs.html#autocompleteinput

像这样的东西: