search

DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI
https://devexpress.github.io/devextreme-reactive/
Other
2.08k stars 384 forks source link

Ability to create an event via dragging over multiple time table cells. #3004

Open adamcarr opened 4 years ago

adamcarr commented 4 years ago

I'm using ...

Description

Do you have support for, is there third party support for, or is there plans to support creating a new event via drag/drop across time table cells and rendering a placeholder template?

AryamnovEugeniy commented 4 years ago

Hello,

It is not clear what you mean by "creating a new event via drag/drop across time table cells and rendering a placeholder template". Could you describe the feature in greater detail? Is it multiple cells selection (like in this scheduler)?

adamcarr commented 4 years ago

I see. Your schedule allows you to double click on a calendar time table cell to create an event during that time period. What about an event that spans multiple time table cells? Let's say the calendar is set to show time blocks in 30 minute intervals. If I want to schedule a 90 minute meeting, I have to drag over those three cells and then hit enter on my keyboard to open the modal to create the event. Compare this to google calendar where if I do the same drag action, it renders a new calendar event as I drag, and then automatically opens the modal for event details on drag mouse up. This is the behavior we wish to have. Does the scheduler support this directly? Have you heard of anyone enabling this? Since you have the drag to select multiple cells, maybe it is something that wouldn't be too hard to do with a combination of event handler work.

AryamnovEugeniy commented 4 years ago

Thank you for your interest in our product! Unfortunately, the React Scheduler does not support multiple cells selection. But we will consider implementing this feature in our future releases. You may follow this thread to get updated on our progress. you may also find our Roadmap here: https://js.devexpress.com/Roadmap/#ReactComponents

adamcarr commented 4 years ago

This is still related to this issue so that is why I am posting here and not a new ticket.

What is the difference between https://js.devexpress.com/Demos/WidgetsGallery/Demo/Scheduler/Overview/React/Light/ and https://devexpress.github.io/devextreme-reactive/react/scheduler/docs/guides/getting-started/

The first, provides something close to what I am referring to but it doesn't appear the second one does.

AryamnovEugeniy commented 4 years ago

Please refer to the DevExtreme - New React Wrappers vs Native React Components blog post that describes the deference between devextreme-react and devextreme-reactive packages. In addition, take a look at the How to choose between DataGrid and Reactive Grid ticket where we discussed a similar issue.