Drag and drop a text to an existing event in the Schedular

[Rajitha]

Hi,

i've gone through this Sandbox example and it works perfectly. But how to drag and drop a text/list item to edit an existing event. How we can do that with onDataBound 

Thanks!

[Martin]

Hello Rajitha,

Thank you for the provided example. A possible way to edit the event when dropping a text is to check whether the dropTarget has k-event class. You can then get the dataItem by uid, and use the set method to edit the event:

if(e.dropTarget.hasClass('k-event')) {
    var uid = e.dropTarget.data('uid');
    var dataSource = scheduler.dataSource;
    var item = dataSource.data().find((event) => event.uid === uid);
    item.set('title', dataItem.text);
}

Here is the modified example for reference.

Let me know if this works for you.

Regards,
Martin
Progress Telerik

[Rajitha]

Hi, Martin the given example solved my problem. Thanks for that. I need to show can drop mouse pointer inside the scheduler. At the moment it is showing. Isn't kendo-vue able to handle this kind of scenario?  

[Rajitha]

Hi, Martin the given example solved my problem. Thanks for that. I need to show "can drop" mouse pointer inside the scheduler. At the moment it is not showing. Isn't kendo-vue able to handle this kind of scenario?  

[Martin]

Hello Rajitha,

The Scheduler does not change the mouse pointer when dragging out-of-the-box, as it does not have an appropriate event to detect when an item is dragged from another widget. A possible approach would be to bind to the mouseenter event of the div element, from which the Scheduler is initialized, and then change the cursor. 

Regards,
Martin
Progress Telerik

[Rajitha]

Hi Martin,

Noted that and thank you so much!!!!