2013-10-04 2 views
0

Я использую библиотеку kendo-knockoutjs. У меня есть раскрывающийся список кендо. Я пытаюсь реализовать всплывающую подсказку на нем, так что, когда мышь находится над каким-то элементом выпадающего списка, сообщение со значением title будет показано:Kendo-Knockout: tooltip on kendodropdownlist

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 }" 

ответ

1

here, как вы могли бы сделать это без учета ссылок в данном, связанных, но с помощью опции шаблона

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

также dataBound works ...

+0

Это выглядит красиво, но возможно ли показать значение названия из моей viewmodel в качестве подсказки, а не текущее значение? – Mdb

+0

http://jsfiddle.net/QZWPR/7/ он будет работать так! Благодаря! – Mdb

+0

да посмотрите шаблон кендо для получения дополнительных опций о том, как обращаться с различными свойствами. –