autocomplete 相关问题

python 自动完成：例如： sp['close'].plot.his [TAB] - 这应该有效吗？ （展开为“历史”）

python 自动完成：例如： sp['close'].plot.his [TAB] // 期望 his 在 hist 中展开（或以 "his" 开头的任何其他选项） 这有什么行不通的原因吗？

选择自动完成材质 UI 的第一项

我有一个包含自动完成材质 UI 控件的反应钩子表单。 我有一个包含自动完成材质 UI 控件的反应钩子表单。 <Controller as={ <Autocomplete data-cy="profileCountry" options={countries} getOptionLabel={option => option.name} renderInput={params => ( <TextField {...params} label="* Country" placeholder="Select a Country" InputLabelProps={{ shrink: true }} variant="outlined" /> )} /> } rules={{ required: true }} onChange={([, data]) => data} defaultValue={{ id: 0, name: "" }} getOptionSelected={(option, value) => option.id === value.id} name="country" id="country" control={control} /> 我想运行 cypress 测试用例来填写表单并提交。我如何使用 cypress 选择该组件中的第一个选项。 目前我只是像下面这样试试运气。 cy.get("[data-cy=profileCountry]").select("Germany"); 我用过这个，它有效： cy.get('.MuiAutocomplete-popper li[data-option-index="0"]').click(); 添加自定义命令： Cypress.Commands.add('getDropdownOptions', () => { return cy.get('.MuiAutocomplete-popper [role="listbox"] [role="option"]', { timeout: 10000, }); }); 然后您可以简单地... cy.getDropdownOptions().contains('Germany').click(); 首先单击自动完成以弹出选项 cy.get('[data-testing=\'currency-picker\']').click(); 然后找到您要选择的具体选项，然后单击它。 cy.contains('Indian Rupee').click(); 就像人类一样。有什么好困惑的🤔 cy.get("#combo-box").click(); cy.get("li[data-option-index="0"]").contains("ntest_user").then((option)=> { option[0].click(); }) 您需要以下： cy.wait(2000) // waiting for ajax to complete (till the request is resolved) cy.get('#The MUI ID').click({force:true}).focused().type('Germany'); cy.contains('Germany').click({force:true}); 假设我们为自动完成功能提供一个 id，例如 id="pool-leg-autoComplete" freeSolo options={legOptions.map((option) => option.title)} onChange={updateNewLegItemText} renderInput={(params: any) => ( <TextField {...params} label="Add a leg to the pool" margin="normal" autoFocus variant="outlined" value={newLegItemText} /> cy.get('#pool-leg-autoComplete-option-0').click(); 在本例中该项目的索引为 0。

从 Cypress 的自动完成材质 UI 列表框中选择一个项目

这就是元素。 这就是元素。 <input aria-invalid="false" autocomplete="off" placeholder="Category" type="text" class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused MuiAutocomplete-input MuiAutocomplete-inputFocused css-16sx77j" aria-autocomplete="list" autocapitalize="none" spellcheck="false" value="" id="mui-621338585" aria-controls="mui-621338585-listbox" aria-activedescendant="mui-621338585-option-3"> 这是一个名为“类别”的列表框，当我单击下拉箭头时，其中包含各种选项。 “mui-”后面的数字是动态的。 这是我尝试过的： cy.get('[id^=”mui-"]').eq(2); 还尝试过： cy.get('[id^=”mui-"]') .find('[aria-activedescendant*="-option-"]') .eq(2); 并尝试过： cy.get('[aria-activedescendant*="-option-2"]'); 有人可以指出我从列表框中选择选项的正确方向吗？ 不要想太多问题，只需在组件中使用文本即可。 像 React Material-UI 这样的库会生成相当复杂的 HTML 来处理样式和动画，并且很难从生成的 HTML 中选择正确的部分。 给出这样的源代码（取自MUI演示页面） <Autocomplete disablePortal id="combo-box-demo" options={top100Films} sx={{ width: 300 }} renderInput={(params) => <TextField {...params} label="Movie" />} /> 您将获得像这样的生成结构（省略用于样式化的类） <div class="MuiAutocomplete-root" data-cy="movie-autocomplete"> <div> <label for="combo-box-demo" id="combo-box-demo-label">Movie</label> <div> <input id="combo-box-demo" type="text" role="combobox" value=""> ... </div> </div> </div> MUIAutocomplete-root是外部元素 - 您可以使用元素中的文本来测试它。 cy.contains('.MuiAutocomplete-root', 'Movie') // identify Autocomplete component .click() // open it cy.contains('The Godfather').click() // choose an option cy.contains('.MuiAutocomplete-root', 'Movie') .find('input') .should('have.value', 'The Godfather') // verify the value in the input 具有data-cy属性 如果向组件添加 data-cy 属性， <Autocomplete data-cy='movie-autocomplete' disablePortal id="combo-box-demo" options={top100Films} sx={{ width: 300 }} renderInput={(params) => <TextField {...params} label="Movie" />} /> 测试变得更简单 cy.get('[data-cy="movie-autocomplete"]').click() cy.contains('The Godfather').click() cy.get('[data-cy="movie-autocomplete"]') .find('input') .should('have.value', 'The Godfather')

如何在 ElasticSearch 中建议关键短语的下一个单词？

我对 ElasticSearch 相当陌生，想知道是否有一种方法可以实现文档中关键短语的自动完成功能。 假设我有如下文件： 文档 1：“...神经

Angular：输入类型文本自动完成='on'不起作用

有人可以帮我解决这个问题吗？我有一个输入类型=“文本”，想要显示用户之前输入并保存的建议文本。我尝试在表单和输入级别使用 autocomplete='on' 但...

coc.nvim 在建议菜单中添加图标

Termux 的屏幕截图 我想在 k（关键字）、v（变量）的建议中添加图标（如 VSCode）。 我尝试在 coc-settings.json 以及 duckduckgo.com 上使用 suggest 关键字进行搜索。但没有...

Angular：输入类型文本自动竞争='on'不起作用

有人可以帮我解决这个问题吗？我有一个输入类型=“文本”，想要显示用户之前输入并保存的建议文本。我尝试在表单和输入级别使用 autocomplete='on' 但...

VS 代码建议小部件和内联建议冲突

自从我开始使用 Tabnine for VS Code 以来，我就遇到了这个问题。 我在 VS Code 中添加了内联建议模式，它与建议面板冲突。 我希望我的 VS Code 按如下方式工作： 当输入...

使用泛型将函数类型分配给变量

我有一个已经声明的带有泛型的函数类型，我想将其分配给一个命名的箭头函数。这是一个代码示例： 从 '@material-ui/lab/Autocomplete' 导入 { AutocompleteProps }；

如何在react-native中输入文本时获得建议

我想要一个文本输入框，它应该在键入时显示建议，如果没有建议，它应该接受键入的输入，否则它应该从建议数组中获取输入。我怎样才能

Intellij Idea 一直有无法自动关闭的弹窗

Idea 总是有弹窗自动出现但无法自动撤回。 你会看到，当我输入时，有多个重叠的弹出窗口，即使是......

制作 .toolbar 以将文本添加到 SwiftUI 中的 Textfield

我在 swiftUI 中有以下代码。 private var emailSection: 一些视图 { 部分 { HStack { UVFloatingTextField(标题：“电子邮件”，文本：$email，

弹性建议自动完成：结果不是预期的

我很难理解使用建议 API 时得到的结果。 目标是我不希望返回这个结果。 如何重现 - 这是我的映射： 放/电影 { &

谷歌自动完成区域限制大陆和国家

我的api网址是这样的 “https://maps.googleapis.com/maps/api/place/autocomplete/json?input=$inputText&key=$mapKey&components=country:TR” 我希望它能在所有...

数据网格内的列表类内容的最佳用户体验

希望有关于 UX 实践/UI 想法的任何建议，以允许用户在单个电子表格单元格中快速输入值列表，这些值表示与特定行相关的内容并且可以选择

Angular mat-form-filed 输入禁用自动完成

我所有的控件都使用有角的材料。我们需要禁用自动完成功能，以便以前输入的任何值都不会显示。 我的代码如下。我尝试过自动完成&q...

如何使用 createFilterOptions 自定义 MUI 自动完成过滤器

我有一个自动完成 MUI 组件，我仍在学习它的一些功能。我的基本实现按预期工作，这意味着使用以下代码： 从 '@mui/material/

使用自动完成和自动对焦的分段输入字段

我有以下设置 {[1, 2, 3, 4, 5, 6].map((i) => ( 我有以下设置 {[1, 2, 3, 4, 5, 6].map((i) => ( <Form.Control key={"code-cell-" + i} className="mx-2 p-0 text-center shadow-none verification-code-cell" style={{ fontSize: "1.4em", width: "3em" }} inputMode="numeric" autoComplete="on" size="lg" maxLength="1" autoFocus={i === 1} /> ))} 呈现以下输入框序列 目前在桌面和移动设备上，当我从电子邮件复制代码时，点击第一个输入并粘贴代码，所有字段都填充了正确的数字，效果很好。 但是在移动设备上，当键盘顶部建议代码时，并且我使用自动填充建议，只有第一个输入被填充，其他输入保持为空。 关于我缺少什么或需要改变什么才能使其发挥作用有什么想法吗？ 从外观上看，您正在使用 React-bootstrap 库来实现您的目标。考虑到这一点，您可以在第一个输入字段上尝试 onPaste 事件，并将粘贴的字符分发到其他输入字段。如下所示： // handlePaste function const handlePaste = (e) => { e.preventDefault(); const pastedData = e.clipboardData.getData("text"); const digits = pastedData.split("").slice(0, 6); digits.forEach((digit, index) => { if (inputRefs.current[index]) { inputRefs.current[index].value = digit; if (index < 5) { inputRefs.current[index + 1].focus(); } } }); }; // Some of your code... {[1, 2, 3, 4, 5, 6].map((i) => ( <Form.Control key={"code-cell-" + i} name={"code-cell-" + i} className="mx-2 p-0 text-center shadow-none verification-code-cell" style={{ fontSize: "1.4em", width: "3em" }} inputMode="numeric" autoComplete="on" size="lg" maxLength="1" autoFocus={i === 1} ref={(el) => (inputRefs.current[i - 1] = el)} onChange={(e) => handleInputChange(i - 1, e)} onPaste={i === 1 ? handlePaste : null} /> ))} 您可以在这里找到上述代码示例的实现

Sublime Text 的 Python 自动导入器

我相信 Sublime Text 是迄今为止最优化、最强大的“文本” 编辑”。 然而，为了编写任何代码，您需要一些类似于 IDE 的功能来帮助您更快、更多地编写代码

自动完成 - PrimeNG

当primeNg AutoComplete组件超过一定宽度时，如何添加水平滚动？尝试过 溢出：自动； 但它只增加了垂直滚动。 .p-自动完成面板{ 最大宽度：15vw...