kendo-ui - JavaScript：设置输入后如何触发更新表单

Question

我正在编写一个简单的 App Inventor 程序来填充Covid-19 学校健康检查页面。我一直在纠结选择学校。通常您输入学校名称，页面会查找字符串匹配项，然后您从字符串匹配的学校列表中进行选择。我可以简单地手动设置字段，但表单的其余部分不会更新。我知道我必须触发更新，但我无法确定此页面的工作原理。

学校选择的形象

输入学校名称的一部分

在 Chrome 控制台中，我可以执行以下操作：

x = document.getElementsByClassName("k-textbox")
x[1].value = "Horace"

从图片中可以看到文字已更新为“Horace”，但结果并未更新。我应该怎么做才能强制更新，以便结果列表显示正确的匹配？另外，如何查询匹配结果，以便确认我的输入足够明确以返回单个匹配项？仅供参考，此表单输入页面将对用户隐藏。

标签： kendo-ui

Answer 1

您可以获取 kendoDropDownList，从它的 dataSource 调用 read 方法，然后传递locationName您想要的值。这不会在文本框中设置文本，但会根据需要过滤您的列表。

要进行测试，请单击输入，打开控制台，然后运行以下命令：

$('#Location').data('kendoDropDownList').dataSource.read({ locationName: 'horace' })