The problem is that title
belong to the original select
but not to Kendo UI decorated element. When you convert a select
in a KendoUI DropDownList it creates some extra HTML elements around but title
is not copied into this element.
So, what you can do is:
// Create DropDownList
var title = $("#Title").kendoDropDownList().data("kendoDropDownList");
// Copy title from the select into the `wrapper` element
title.wrapper.attr("title", $("#Title").attr("title"));
// Now, define the tooltip for this wrapper element
var tooltip = title.wrapper.kendoTooltip({
position: "right",
autoHide: true,
width: 280,
animation: {
open: {
effects: "slideIn:right",
duration: 300
},
close: {
effects: "slideIn:right",
reverse: true,
duration: 200
}
}
});
The JSFiddle here: http://jsfiddle.net/OnaBai/qDRv3/4/