AutoComplete - prevented

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<input id="autocomplete" />
<button id="toggle">Turn Off</button>

JavaScript

var autocomplete = $("#autocomplete").kendoAutoComplete({
    suggest: true,
    dataSource: ["Item1", "2Item"]             
}).data("kendoAutoComplete");
    
$("#toggle").click(function() {
    var button = $(this),        
        enable = button.text() == "Turn On";
    
    if (enable) {
        autocomplete.unbind("open");
        autocomplete.options.suggest = true;
    } else {
        autocomplete.options.suggest = false;
        autocomplete.bind("open", function(e) {
            e.preventDefault();
        });
    }

    button.text(enable ? "Turn Off" : "Turn On");
});