禁用Kendo自动完成功能

Question

我有这个Kendo Autocomplete代码:

HTML:

<input id="faceUsers" type="text" placeholder="Search..." data-role="autocomplete" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false"  aria-autocomplete="list" aria-busy="false">

JS:

 $("#faceUsers").kendoAutoComplete({
                            dataTextField: "name",
                            dataValueField: "name",
                            template: '<img src=\"${data.picture.data.url}\" class="imguser" />' +
                                    '<h4 class="autotext">${ data.name }</h4>',                               
                            filter: "contains",
                            minLength: 1,
                            height: 370,
                            dataSource: faceDataSource
        });     

我已正确设置了faceDataSource它,它按预期工作.

我面临的问题是如何禁用此自动完成功能.在特定操作之后,我希望input元素在input没有自动完成的情况下表现为普通元素.

Answer 1

如果要完全删除它,请使用destroy:

$("#autocomplete").kendoAutoComplete();
var autocomplete = $("#autocomplete").data("kendoAutoComplete");
autocomplete.destroy();