kendo-ui - 選択変更イベントでオートコンプリート値をクリア

Question

次のhttp://jsfiddle.net/TgBzB/3/があり、ユーザーがアイテムを選択したときにオートコンプリート フィールドをクリアしたいと考えています。次のコードはこれを行いません:-

$("#input").data("kendoAutoComplete").value("");

これは可能ですか？

//create AutoComplete UI component
$("#input").kendoAutoComplete({
    dataSource: data,
    filter: "startswith",
    placeholder: "Select country...",
    select: function(e) {
        var dataItem = this.dataItem(e.item.index());
        $('#list').append("<li>" + dataItem + "</li>");
        //How do I clear the #input here?
        $("#input").data("kendoAutoComplete").value(""); 
    }
});

Answer 1

コードは入力をクリアしますが、選択イベントが早期に発生し、値が後で追加されます。あなたがしなければならないことは、changeイベントで入力をクリアすることです:

$("#input").kendoAutoComplete({
    dataSource: data,
    filter: "startswith",
    placeholder: "Select country...",
    select: function(e) {
        var dataItem = this.dataItem(e.item.index());
        $('#list').append("<li>" + dataItem + "</li>");
    },
    change: function(e) {
        $("#input").data("kendoAutoComplete").value(""); 
    }
}); 

Answer 2

これは、変更イベントの後にクリアする代わりに、最初の場所に表示されないようにする代わりに、同様に機能する別の代替手段でもあります。e.preventDefault();

...
select: function(e) {
        var dataItem = this.dataItem(e.item.index());
        $('#list').append("<li>" + dataItem + "</li>");
        $("#input").data("kendoAutoComplete").value("");
        e.preventDefault();
}
...

jsFiddle http://jsfiddle.net/rippo/TgBzB/8/を更新しました

Answer 3

select: function(e) {

.... e.preventDefault();

}

同じキーワードを検索することはできません (すぐに入力してください)。数ミリ秒の時間を与えて、同じキーワードを文字ごとに入力すると機能します。

Answer 4

これを使用するだけで、オートコンプリートをクリアできます

       $("#autoCompleteName").val("");