在kendo自动完成中，如何阻止用户键入字段？

Question

您好我正在使用kendo自动完成文本框。用户可以在不选择自动完成值的情况下输入用户输入。如何防止在文本框中输入

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: {
    data: ["One", "Two"]
  }
});
</script> 

这是我的代码，其中用户有一个和两个选项

Answer 1

您需要创建自定义函数并附加到onChange事件。 以下是Telerik页面https://docs.telerik.com/kendo-ui/controls/editors/autocomplete/how-to/input/restrict-user-input

的示例

$("#countries").kendoAutoComplete({
        dataSource: data,
        filter: "startswith",
        placeholder: "Select country...",
        change: function() {
          var found = false;
          var value = this.value();
          var data = this.dataSource.view();

          for(var idx = 0, length = data.length; idx < length; idx++) {
            if (data[idx] === value) {
              found = true;
              break;
            }
          }

          if (!found) {
            this.value("");
            alert("Custom values are not allowed");
          }
        }
      });
    });