如何在使用文本输入元素的自定义Vaadin组合框中选择项目？
戈帕尔
上面的图片显示了选择列表，但实际上不是选择列表，它由'Input'标签组成，因此我尝试使用b.text_field.set（“ argentina”）设置值，但它仅聚焦（颜色变为黄色）但是它没有设置值，我该怎么做？
该选择列表的代码如下
<div class="v-filterselect v-widget v-has-width v-filterselect-prompt" role="combobox" style="width: 100%;">
<input tabindex="0" class="v-filterselect-input" id="gwt-uid-17" aria-labelledby="gwt-uid-16" style="width: 100%;" type="text" autocomplete="nope">
<div class="v-filterselect-button" role="button" aria-hidden="true">
</div>
</div>
贾斯汀·柯（Justin Ko）
问题在于，Watir-Classic设置该值后会调用模糊事件。由于未从下拉列表中选择一个值，因此Vaadin会将其视为无效输入，并将其重置为“未选择国家/地区”。手动与组合框交互时，您会看到相同的行为：
- 单击文本字段
- 输入“阿根廷”
- 单击页面中的其他位置（即运行模糊事件）
要填充该字段，您需要从下拉列表中选择一个项目。即使清除了输入字段，下拉菜单也仍然存在（至少在Watir-Classic做到这一点时）。结果，我们可以选择一个项目而无需额外的工作。
这是使用Vaadin演示页面的示例：
require 'watir-classic'
browser = Watir::Browser.new
browser.goto('http://demo.vaadin.com/sampler/#ui/data-input/multiple-value/combo-box')
country = 'ARGENTINA'
browser.text_field(aria_labelledby: 'gwt-uid-16').when_present.set(country)
browser.div(id: 'VAADIN_COMBOBOX_OPTIONLIST').span(text: country).when_present.click
请注意，这将不会复制用户与字段进行交互时生成的确切事件。但是，如果您仅使用控件而不是测试字段（即Vaadin开发人员），则可能就足够了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何从 Senchat 测试的组合框中选择项目
- 2
如何在自定义控件输入项列表中选择1个元素
- 3
在Java的组合框中选择项目时更新JTable
- 4
从组合框中选择项目时显示 MessageBox
- 5
如何在ListView中选择项目？
- 6
如何从Vaadin-listBox中选择项目？
- 7
从组合框中选择项目时，将新数据添加到文本框中
- 8
更改组合框文本，但未选择项目
- 9
如何限制将自定义文本输入到wix中的组合框
- 10
如何从Qlistwidget中选择项目，并更新Pyqt5中的文本框？
- 11
自定义控件-如何在组合框上绘制文本框
- 12
如何在vb.net的列表框中选择项目的值和名称
- 13
带有自定义项目模板的组合框，在选择值时显示模板，而不显示文本
- 14
选择项目后如何删除组合框
- 15
如何使用 python 从 selenium 的下拉框中选择项目
- 16
如何使用自定义模板在组合框中显示所选文本
- 17
如何在列表视图中选择项目
- 18
如何以文本框输入自定义格式？
- 19
如何通过输入框添加自定义文本
- 20
vaadin 组合框加载错误的自定义样式
- 21
自定义输入文本框
- 22
从Vb6中包含特定单词的组合框中选择项目
- 23
通过从组合框中选择项目来更改 textArea 字体
- 24
如何使用AngularJS在dx-treeview中选择项目
- 25
如何使用Linq从匿名IEnumerable集合中选择项目
- 26
如何使用MVVM模式在LongListSelector中选择项目？
- 27
从列表视图中选择项目后，从数组更改文本框文本值
- 28
Ext JS：如何在项目的根/索引值中选择组合框项目？
- 29
如何在选择项目时让自动完成框变大
我来说两句