javascript - Kendo-Knockout：无法在模板中调用函数

Question

我想调用该onHover函数但没有成功。我设法做到这一点的唯一方法是函数是全局的，但这不是我需要的。

我想要做的是 onMouseOver 下拉列表的某些元素，以获取其值并在我的视图模型中对其进行处理。

HTML：

<div>
    <div data-bind="with: myInnerViewModel">
        <input type="text" data-bind="kendoDropDownList: {data: myData, value:           myValue,template:'<span onMouseOver = \'onHover(this)\' title=\'${data}\'>${data}</span>'}"     />
   <div>     
</div>

JS：

var myViewModel = function () {

    this.myInnerViewModel = {

        myData : [1, 2 , 3],
        myValue : ko.observable(1),
        onHover : function(e){
            alert(1);    
        }
    };
};


ko.applyBindings(new myViewModel());

提琴手：http: //jsfiddle.net/QZWPR/30/

Answer 1

问题在于您的功能的位置。如果你要改变

onMouseOver = \'onHover(this)\'

至

onMouseOver = \'myViewModel.myInnerViewModel.onHover(this)\'

那么我希望你会看到你的警报。

或者

你需要在你的跨度上使用事件绑定

<span data-bind="event: { mouseover: onHover}">