在Kendo的自定義綁定中添加事件參數？

Question

我有一個按鍵的自定義綁定。當我調用綁定屬性時，它不接受我的事件參數。就我而言，我的財產是一個我想用自己的事件參數激發的功能。是這樣的可能嗎？在下面的示例中，值未定義，但是如何將值傳遞給調用方（viewModel.onKeyPress）？

<div id="body"> 
    <input data-role="combobox" data-bind="keyPress: onKeyPress" /> 
    <div id="output"></div> 
</div> 
<script> 
    kendo.data.binders.widget.keyPress = kendo.data.Binder.extend({ 
    init: function (element, bindings, options) { 
     kendo.data.Binder.fn.init.call(this, element, bindings, options); 
     var binding = this.bindings.keyPress; 
     $(element.input).bind("keypress", function(e) { 
      var values = { a: 1, b: 2, c: 3 }; 
      binding.get(e, values); //DOESN'T WORK! 
     }); 
    }, 
    refresh: function() { } 
    }); 

    var viewModel = kendo.observable({ 
    onKeyPress: function (e, values) { 
     $("#output").append("<div>keyPress (see console.log)</div>"); 
     console.log(e); 
     console.log(values); 
    } 
    }); 

    kendo.bind("#body", viewModel); 
</script> 

http://jsfiddle.net/jpKNr/58/

Answer 1

的binding.get（）調用將調用該函數沒有傳遞給它的任何參數。您可以使用下面的解決方法：

kendo.data.binders.widget.keyPress = kendo.data.Binder.extend({ 
    init: function (element, bindings, options) { 
     kendo.data.Binder.fn.init.call(this, element, bindings, options); 
     var binding = this.bindings.keyPress; 

     var method = binding.source.get(binding.path); 

     $(element.input).bind("keypress", function(e) { 
      var values = { a: 1, b: 2, c: 3 }; 
      method.call(binding.source, e, values); 
     }); 
    }, 
    refresh: function() { } 
    }); 

這裏有一個現場演示：http://jsbin.com/eriWOq/1/edit