검도 -ui 자동 완성 확장

Question

검도 -ui 자동 완성 컨트롤을 확장하려고합니다. 사용자가 입력 할 때 검색을 시작해야하므로 기본적으로 keydown 이벤트의 사용자 입력을 확인해야합니다. 나는이 코드로를 keyDown 이벤트 잡으려고 노력했습니다 : 나는 자동 완성을 뭔가를 잘못하고 있어요 및 호출 할 수있는 바인더 제본 이벤트

(function($) { 
    ui = kendo.ui, 
    Widget = ui.Widget 
    var ClienteText = ui.AutoComplete.extend({ 
     init: function(element,options) { 
      var that=this; 
      ui.AutoComplete.fn.init.call(this, element, options);     
      $(this).bind('keydown',function(e){ console.log(1,e); }); 
      $(element).bind('keydown',function(e){ console.log(2,e); }); 
     }, 
     options: { 
      [...list of my options...] 
     }, 
     _keydown: function(e) { 
      console.log(3,e); 
      kendo.ui.AutoComplete.fn._keydown(e); 
     } 
    }); 
    ui.plugin(ClienteText); 
})(jQuery); 

없음이 호출되지됩니다

만 _keydown을하고 "정상"를 keyDown 행사. 기본 위젯을 확장 한 다음 합성 위젯을 만드는 많은 예제를 보았습니다.하지만 그렇게하는 것에는 관심이 없으며 기존 위젯에만 기능을 추가하려고합니다. 누군가 내가 잘못하고있는 것을 보여줄 수 있습니까?

감사합니다.

Answer 1

:

(function($) { 
    ui = kendo.ui, 
    ClienteText = ui.AutoComplete.extend({ 
     init: function(element,options) { 
     ui.AutoComplete.fn.init.call(this, element, options);     
     $(element).bind('keydown',function(e){ 
      var kcontrol=$(this).data('kendoClienteText'); 
      if (e.which === 13) { 
      kcontrol.setDataSource(datasource_clientes); 
      kcontrol.search($(this).val()); 
      } else { 
      kcontrol.setDataSource(null); 
      } 
     }); 
     }, 
     options: { 
     name: 'ClienteText', 
     } 
    }); 
    ui.plugin(ClienteText); 
    })(jQuery); 

하지만 난 알고하지 않습니다 그것을하는 올바른 방법입니다.

Answer 2

무엇 방지에 대한 확장 및 기존 컨트롤 옵션과 방법에 빌드를 활용 :이 코드는 실제로 작동 http://jsfiddle.net/vojtiik/Vttyq/1/

//create AutoComplete UI component 
var complete = $("#countries").kendoAutoComplete({ 
    dataSource: data, 
    filter: "startswith", 
    placeholder: "Select country...", 
    separator: ", ", 
    minLength: 50 // this is to be longer than your longest char 
}).data("kendoAutoComplete"); 

$("#countries").keypress(function (e) { 
    if (e.which == 13) { 
     complete.options.minLength = 1; // allow search 
     complete.search($("#countries").val()); 
     complete.options.minLength = 50; // stop the search again 
    } 
});