autocomplete 相关问题

风格 mui 自动完成

我继承了一个带有material ui的项目，以前从未使用过。我的代码中有以下内容 我继承了一个带有material ui的项目，我以前从未使用过它。我的代码中有以下内容 <FormControl fullWidth> <InputLabel className={className} htmlFor={id} error={error} > {label} </InputLabel> <Input className={className} id={id} value={value} onChange={(e) => { onChange(e.target.value) }} /> </FormControl> 这在任何地方都有效，标签缩小并且样式应用正确。 当我检查代码时，我看到下划线的样式使用 :before 和 :after 伪类 我需要将相同的内容应用于自动完成，即使用谷歌地点来自动完成位置。如果这很重要的话，我正在使用的库是react-google-autocomplete 我已经尝试过（在一万亿种其他事情中） const {ref} = usePlacesWidget({ apiKey: process.env.REACT_APP_API_KEY, onPlaceSelected: (place) => { console.log(place); }, }); return ( <FormControl fullWidth> <InputLabel className={className} htmlFor={id} error={error} > {label} </InputLabel> <Autocomplete ref={ref} id={id} className={className} placeholder="" renderInput={(params) => ( <Input {...params} InputProps={{ ...params.InputProps, className: {className} }} /> )} /> </FormControl> ); 标签有样式但不收缩。我什至尝试添加 InputLabelProps={{ shrink: true, ...props.InputLabelProps, }} 无济于事。 文本字段应用了大小及其文本内容（字体）的样式 - 没有伪类，并且使用默认的轮廓样式进行概述。 我想知道如何使用已传递的类名复制其余文本字段的外观，如问题中的第一个代码片段所示。非常感谢你 另一方面，做 const {ref} = usePlacesWidget({ apiKey: process.env.REACT_APP_API_KEY, onPlaceSelected: (place) => { console.log(place); }, }); return ( <FormControl fullWidth> <InputLabel className={className} htmlFor={id} error={error} > {label} </InputLabel> <Input ref={ref} id={id} className={className} /> </FormControl> ); 组件确实得到了样式，但搜索甚至没有执行（我认为这是预期的，但以某种方式让它工作会很好） 如果没有提供的代码沙箱，很难说，但是阅读文档，问题可能在于不将引用转发到自定义输入组件： https://mui.com/material-ui/react-autocomplete/#custom-input 他们在示例中总是使用 TextField。 并且react-google-autocomplete文档没有按照您尝试的方式使用它的示例https://github.com/ErrorPro/react-google-autocomplete/blob/HEAD/docs/examples.js，据我所知告诉。

使用 CJuiAutoComplete 搜索两个字段值

我想使用cJuiautocomplete搜索两个字段，即名称和标签，如何执行此任务？ 我的 CJuiAutoComplete 代码： widget('zii.widgets.jui.CJuiAutoComplete', arra...

Visual Studio Code (VS-code) Typescript Intellisense 在省略中没有建议

所以我注意到 Visual Studio Code 中的 Typescript IntelliSense 在特定情况下无法正常工作。 IntelliSense 无法正常工作的问题之一是使用...

如何屏蔽 Rstudio 自动完成中的特定功能或建议？

这里只是一个装饰主题，但可以节省打字时间，特别是为了完成。 当我在 RStudio 中输入“readrd”时，它总是建议首先从 readr 中读取 read_rds()，而不是...

使用 SearchRecentSuggestionsProvider 和一些预定义的术语？

我正在寻找一些有关扩展 SearchRecentSuggestionsProvider 的信息，以便它将处理两种类型的建议：

JavaScript 自动完成，无需外部库

是否有一个不依赖于任何其他库的javascript自动完成库？ 我没有使用 jQuery 或类似的东西，因为我正在制作一个移动应用程序，我需要保持额外的轻便。

用户名 = 电子邮件的正确自动完成应该是什么？

我在标准中看到我可以在输入字段上自动完成等于用户名或电子邮件。 就我而言，用户名实际上是用户的电子邮件。 在我的

PyQt5“类似代码”语法的代码完成

我正在尝试创建一个 GUI（使用 PyQt5）文本完成功能，它支持类似于编程 IDE 的功能，其中我有对象，对象有字段和子字段，它们是

Select2“更改”事件不触发htmx

这可以按照我想要的方式工作：如果 发生更改，则触发 htmx。 这可以按照我想要的方式工作：如果 <select> 发生变化，那么 htmx 就会被触发。 <script src="https://unpkg.com/[email protected]"></script> <table> <tr hx-post="//example.com" hx-trigger="change"> <td> <select name="runner"> <option value="a">a</option> <option value="b">b</option> </select> </td> </tr> </table> 如果我使用 django-autocomplete-light 小部件，那么它不起作用。 我使用这个版本：django-autocomplete-light==3.8.1 刚刚遇到同样的问题，并使用以下 guettli 答案的修改版本修复了它。 window.addEventListener("DOMContentLoaded", (e) => { $('select').on('select2:select', function (e) { $(this).closest('select').get(0).dispatchEvent(new Event('change')); }); }); 如果我添加这个JS，那么它就可以工作。欢迎更好的解决方案。 <script> window.addEventListener("DOMContentLoaded", (e) => { $('select').on('select2:select', function (e) { $(this).closest('tr').get(0).dispatchEvent(new Event('change')); }); }) </script> 对我来说，使用 Bootstrap 5 样式的 Select2 添加 htmx.onLoad() 时它也有效 https://apalfrey.github.io/select2-bootstrap-5-theme/: htmx.onLoad(() => { $("#collection-select").select2({ theme: "bootstrap-5", closeOnSelect: true }); }); window.addEventListener("DOMContentLoaded", (e) => { $('select').on('select2:select', function (e) { $(this).closest('select').get(0).dispatchEvent(new Event('change')); }); }); 对我有用的是使用 htmx javascript API 触发更改事件triggerhttps://htmx.org/api/#trigger window.addEventListener("DOMContentLoaded", (e) => { $('select').on('select2:select', function (e) { htmx.trigger($(this).closest('select').get(0), 'change') }) }) 嘿，有人正在努力让多选药盒风格发挥作用。你必须同时听select2:select和select2:unselect！ 嘿，有人在努力监听来自父组件的更改事件，因为您的选择不在您的 hx-trigger 所在的位置。您必须确保使用 {bubbles: true} 触发新的更改事件。 为你干杯，朋友！ $(doc).ready(function() { $("select").select2({placeholder: "Search..."}); $("select").on("select2:select select2:unselect", (e) => { e.currentTarget.dispatchEvent(new Event("change", {bubbles: true})); }); });

MudAutocomplete 使用复杂的对象来设置编辑表单属性的文本和值

我正在使用 MudAutocomplete 实现自动完成功能。如果我只是想将单个搜索值绑定到编辑表单中的模型值中，它效果非常好。我不知道如何

自动补全功能在 VS Code C/C++ 项目中不起作用

我在 VS Code 1.67.2 中有一个非常大的 C/C++ 项目。我一直在使用 Instellisense 插件，它总是工作正常：我能够导航代码、使用建议/自动完成和 s...

GeoapifyGeocoderAutocomplete placeSelect 属性在 React TypeScript 上不起作用

我发现一个名为 @geoapify/react-geocoder-autocomplete 的免费 API 的自动完成地址组件可以在此 github 存储库中找到：https://github.com/geoapify/react-geocoder-autocomplete，或者...

如何在 iTerm2 中启用自动完成功能

假设我在根目录中，并且有一个可以通过 cd 进入的 User 文件夹。在我的默认 Mac 终端中，我只需键入 cd U + tab，它就会自动完成为 cd Users/。我怎样才能把这个给我...

允许用户向 Google 表格中的下拉列表添加文本

在 Google 表格中，我想向用户显示不同选项卡上列表中的下拉列表。我希望用户能够输入自己的文本，如果他们正在寻找的内容不在 l...

即使设置自动完成=“关闭”，Chrome 也会自动填充输入字段？

我的网络应用程序中有一个表单，用户可以在其中搜索项目。该表单由一个带有占位符“smHRt searchHR”的输入字段和一个搜索按钮组成。最初，输入 fi...

如何解决简单的“Ajax Autocomplete for jQuery”部署中的错误？

我正在尝试基于此处找到的“Ajax Autocomplete for jQuery”在应用程序上构建自动完成搜索功能：https://github.com/devbridge/jQuery-Autocomplete。 我正在使用...

如何以编程方式将焦点设置到由自动完成小部件的 fieldViewBuilder 构建的 TextField？

尝试通过从 AutoComplete 的 fieldViewBuilder 函数中提取 FocusNode 来为 TextField 提供输入焦点。为此，我需要在 fieldViewBuilder 函数内进行 setState 调用，这...

函数组件不能给出引用。 MUI v5 自动完成

我正在尝试在 Autocomplete MUI v5 中使用 ListboxComponent 道具的自定义组件，但我收到此错误： 函数组件不能被指定引用。尝试访问此引用将失败。迪...

bash 脚本的本地自动完成

我真的很想为自定义选项添加自动完成功能，但我在网上看到的所有建议都涉及更新 /etc/bash_completion.d 或 ~/.bashrc。这种方法对我来说的问题是......

Oracle SqlDeveloper 列自动完成而不带表名称

我使用 SQL 开发人员版本 23.1.1.345。 当我编写 sql 查询时，我只想自动完成列名。在连接的情况下，Sql Developer 总是给我 table_name.column_name，即使