Our pure JavaScript Scheduler component


Post by sanjeeva.shrivastava »

Product: Scheduler Pro 4.1.0

Can we drag and drop to resource list and event from a grid. our requirement is that for us resource list will be crew chief list and in grid there will be crew member list. we want to make crew member as crew chief using drag and drop and also we want to add crew member to event.
To see the exact requirement, please go with attachment. we want to drag and drop to left side resource list and event from right side grid. Is this possible?

Attachments
screenshot.png
screenshot.png (156 KiB) Viewed 427 times

Post by pmiklashevich »

So you have a grid of resources at the right, and you have a scheduler which shows resources at the left. And you want to populate the scheduler resources by moving resources from the grid on the right to the resource list on the left. Is that correct? There is no such example, but it should be easy to implement. Please check out DragHelper docs. It describes the steps to implement custom drag and drop functionality. Also you can pay attention to Drag from grid demo. You can take it as a base and adjust Scheduler/examples/frameworks/vue/javascript/drag-from-grid/src/lib/Drag.js file to implement the drag the way you need. Instead of dragging to scheduling area, you need to drag to the locked grid rows, and perform adding to the resource store on drop. You can even insert record(s) at a specific position.

P.S. Note, the Drag from grid demo is written for simple scheduler, but it will work exactly the same way in SchedulerPro. You can even take simple demo as a playground and implement the Drag in Scheduler/examples/dragfromgrid. Then just move your solution to the Vue demo.

Pavlo Miklashevych
Sr. Frontend Developer


Post Reply