重复问题
- 我搜索了现有的问题
最新版本
- 我测试了最新版本
总结💡
用户应该能够在数据网格编辑功能中使用自动完成组件。目前，在使用数据网格中的自动完成时遇到的问题是，当我通过选项搜索一些关键字并在关键字之间放置空格时，它会失去焦点，按下空格键进行空格时，我的屏幕向下滚动。尽管我没有将编辑标志设置为true,因为当此标志设置为true时，该单元格的工作方式就像文本字段一样，而不是自动完成。
用户可以实现所有类型的自动完成组件到数据网格单元格中，包括搜索功能和在选项列表中添加新选项。
示例🌈
动机🔦
尝试在我的一个具有数据网格组件的网络应用程序中实现这个功能。其中一个单元格中有自动完成。当用户使用某个关键字进行搜索时，如果该关键字在两个字符之间有空格，它会向下滚动到最后一行，这不是预期的行为。预期的行为应该是允许用户在搜索时在两个字符之间放置空格。
5条答案
按热度按时间m528fe3b1#
@bhaviklotia23 你能提供一个最小复现吗？你可以fork这个模板：https://mui.com/r/issue-template-latest
PS 这里是一些提示：https://stackoverflow.com/help/mcve
4jb9z9bj2#
https://657300646087887f910f124c--poetic-cannoli-78d02d.netlify.app/ (现场演示)
https://stackblitz.com/edit/react-awpmkn?file=src%2FTextDrop.js (CodeSandbox示例)
以下是演示的链接。您可以查看自动完成列。当我在自动完成中输入一些内容，并通过按空格键在两个字符之间放置空格时，它会失去对该单元格的焦点并向下滚动屏幕。
谢谢&问候，Bhavik...
2023年12月8日星期五，Albert Yu ***@***.***>写道： @bhaviklotia23 < https://github.com/bhaviklotia23 > 你能提供一个复现吗？你可以fork这个模板： https://mui.com/r/issue-template-latest — 直接回复此电子邮件，在GitHub上查看它<#40135(评论)>,或取消订阅 < https://github.com/notifications/unsubscribe-auth/AX6BDZTR24KRTKDH36OLAXTYIK2I7AVCNFSM6AAAAABALAXGJWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNBWGYZTINBWGQ > 。您收到此消息是因为您被提及了。消息ID: ***@***.***>
o7jaxewo3#
@bhaviklotia23 你找到解决方案了吗？
ijxebb2r4#
@bhaviklotia23 你找到了解决方案吗？
在可编辑属性为true时，尝试将焦点设置为false。(我现在无法访问代码，但当时对我来说这是一个解决方案。)
n8ghc7c15#
could you pls share the code @bhaviklotia23. If editable prop set to true for autocomplete columns in the Data grid, autocomplete is not working.