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

Answer 2

为了更好的参考，请查看:: JS Fiddle Demo

正如您在上面的演示示例链接中所见，suggest的属性自动完成设置为on/off，因为::

var autocomplete = $("#autocomplete").kendoAutoComplete({
    suggest: true,
    dataSource: ["Item1", "2Item"]             
}).data("kendoAutoComplete");

And also have a look to

http://www.telerik.com/forums/turn-off-on-stop-and-start-autocomplete-and-suggest-after-init

Answer 3

另一种观点。如果要禁用编辑，我们可以将自动完成设置为只读。

var sampledd= $("#dd").data("kendoAutoComplete"); 
sampledd.readonly(false);

禁用建议

sampledd.suggest(true); // this one causing issue in IE

禁用Kendo自动完成功能

3 个答案: