javascript - 禁用剑道自动完成

Question

我有这个 Kendo 自动完成代码:

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();