我正在使用kendo-knockoutjs库。我有一个剑道下拉列表。我正在尝试在其上实现工具提示,以便当鼠标悬停在下拉列表的某个元素上时,将显示一条带有title
值的消息:
HTML:
<div>
<input type="text" data-bind="kendoDropDownList: {data: myData, value: myValue}" />
</div>
的javascript:
var myViewModel = function () {
this.myData = ['test1', 'test2', 'test3'];
this.myValue = ko.observable();
this.title = 'This is a comment for' + this.myValue();
}
ko.applyBindings(new myViewModel());
我在这里发现了类似的东西:
http://jsfiddle.net/valchev/eLnqs/1/
但我不确定如何在我的场景中实现它。我认为我不想在我的viewmodel中引用窗口小部件。此外,当我在绑定中传递databound
选项并尝试调用函数时,绑定被破坏
data-bind="kendoDropDownList: { data: SubMenuTypesOptions, value: SubMenuType, enabled: isEditable, dataBound: testFunction }"
答案 0 :(得分:1)
here是如何在不使用数据绑定参考但使用模板选项
的情况下执行此操作的<div>
<input type="text" data-bind="kendoDropDownList: {data: myData, value: myValue,template:'<span title=\'${data}\'>${data}</span>',dataBound:testFunction}" />
</div>
还有dataBound工作......