Question

我正在使用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 }"

Answer 1

here是如何在不使用数据绑定参考但使用模板选项

的情况下执行此操作的

<div>
    <input type="text" data-bind="kendoDropDownList: {data: myData, value: myValue,template:'<span title=\'${data}\'>${data}</span>',dataBound:testFunction}" />
</div>

还有dataBound工作......

Kendo-Knockout：kendodropdownlist上的工具提示

1 个答案: