[VUE 2] Drag and Drop from external

[abo]

Hey
We have two UI components: SchedulerPro and a backlog calendar(built with Vue.js)The drag and drop functionality is managed using the DragHelper class. Currently, the SchedulerPro only reacts after the event drop. However, we aim to activate the calendarhighlights and eventDrag functions for the drag and drop happening from the backlog into SchedulerPro. Any tips on how to implement this synchronization effectively?
many thanks

[ghulam.ghous]

Hi there,

Can you please explain a bit more? I didn't understand what you are aiming for. Can you please show us a screenshot or clip that should help us to understand your use-case.
Also check out these examples:
https://bryntum.com/products/schedulerpro/examples-scheduler/drag-from-list/
https://bryntum.com/products/schedulerpro/examples-scheduler/drag-from-tree/
Thanks!

Regards,
Ghous

[abo]

Hey, thank you for your response.
I'm curious if there's a method to activate the calendar highlighting and other dragging functionalities in SchedulerPro when dragging tasks from an external independent component into the scheduler.
Best Regards

[ghulam.ghous]

Hi there,

Thanks for writing back. What dragging functionalities we are talking about here? You mean the tooltip being shown when we drag a task? Please mention them, it will help us to assist you in a better way.

[abo]

Hi, For example the CalendarHighlight

[alex.l]

Hi abo,

There is onDrag handler in DragHelper that you can use to put your logic in.
Demos you mentioned does have code that uses that.

[abo]

Hi Alex,
thank u for your Response, would this be a valid config inside the onDrag handler to activiate the calendarHighLight

this.scheduler.setConfig({
      features: {
        calendarHighlight: {
          diabled: false,
          calendar: 'resource',
        },
      },
    })

or is there any method to use

 this.scheduler.triggerDragStart(dragData)

inside the Draghelper
Regards,

[marcio]

Hey abo,

You can leave the feature enabled and it'll be automatically displayed when dragging. Check the example in the docs here https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/CalendarHighlight

For Vue, you need to check this guide of how to use the features with the wrapper https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/vue/guide#features