Dynamically change the content of the tooltip in kendoui

Question

I have a drag and drop functionality. When the element is dragging, I want to dynamically set the position of the element and display that in the tooltip. How can i able to do this using kendoui.

I have defined like:

<div id='drag'><p>Drag me</p></div>

I have defined the tooltip like:

$("#drag").kendoToolTip({
   position:"top",
   content: "Initial"
});

Thne for dragging

 $("#drag").draggable({
   drag: function(){
       $("#drag").data("kendoToolTip").content("Dragging");
    },
   stop: function(){
      $("#drag").data("kendoToolTip").content("Drag stopped");
    } 
 });

And i want to show the tool tip on the div continuously on dragging. How can i do that Any help is appreciated

Answer 1

try this one friend,

 $("#drag").data("kendoTooltip").options.content = "set content here...";

 $("#drag").data("kendoTooltip").refresh();