search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Keep drag and drop preview through rerenders

Asked by Anonymous
1 year ago.

We are developers of RTM.

When a entry in the DayPilot.Scheduler is being dragged, a gray box is shown in the cell where the item would be moved to. If in the meanwhile the input data changes that box disappears. (It will eventually reappear when I leave and enter the component while still dragging the item.)
An example for that would be if data is being partially loaded to cover the visible area and by dragging an item to the edge more data comes into view, triggering a reload.

bug javascript dragdrop
Answer posted by Dan Letecky [DayPilot]
1 year ago.

Sorry for the delay!

I assume that you are using dynamic event loading to load additional data during scrolling (onScroll event).

In the event handler, you should only update the Scheduler by calling args.loaded(). That works fine when dragging is in progress in my tests. If you use the full update, it may disrupt the current state.

Please let me know if it doesn’t help.

Comment posted by Anonymous
1 year ago.

Thank you for the Information.

The mentioned function works for a part of the issue so thank you for that.
While scrolling we set the new events using the args.loaded().

Now there are other reasons why event data changes. So is there a way for you to cache the drag state, so it survives re renders in React?

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
External item dragging into scheduler
Update draggable item list
Dragging items from a data grid to daypilot control.
Start drag and drop programatically (Scheduler)
Hovering a draggable event and change row background-color
How to wrap the text in Modal input box?
Conditional drags crashes scheduler
External drag and drop to existing event
Add a new panel to be able to drop events to
makeDraggable() remove
Dynamically adding a DayPilotMenu
Drop down for 'name' in calendar
Kanban Card Shadow When Dragging
How to show read only calendar

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.