Our pure JavaScript Scheduler component


Post by kokhooi »

Hi,
Based on this nested event example, https://bryntum.com/examples/scheduler/nestedevents/

How can I drag the nested event to another event? For, eg, I'd like to drag "Conclusion" to in between "Agenda" and "Outro" without dragging the whole event?


Post by alex.l »

We have an example of draggable events for SchedulerPro. It allows to move nested events only inside a parent event, but should be very helpful for you to understand a concept. https://bryntum.com/examples/scheduler-pro/nested-events/
I suggest you to have a look at DragHelper config as a start.

All the best,
Alex


Post by kokhooi »

Hi
Thanks for the reference. But it only allow to drag in X mode. How can I have it drag all over the parent event, that the parent height is dynamically adjusted?


Post by kokhooi »

One more thing, is this applicable only to SchedulerPro? Can I extend it from Scheduler?


Post by kokhooi »

hi, i got it to work by using the sample with SchedulerPro. What is missing now is the "dynamic" event row height and able to drag in XY mode(possible to other parent event as well). Any reference on these?


Post by alex.l »

We do not support it in our demos. I've opened a feature request to implement this behavior: https://github.com/bryntum/support/issues/3564
This is not trivial task, and if you need a help with development, you can hire us or become a sponsor of this feature https://www.bryntum.com/services/

To go forward in your solution, check these configs in your DragHelper:
https://bryntum.com/docs/scheduler/api/Core/helper/DragHelper#config-mode
https://bryntum.com/docs/scheduler/api/Core/helper/DragHelper#config-minX
https://bryntum.com/docs/scheduler/api/Core/helper/DragHelper#config-maxX

All the best,
Alex


Post by kokhooi »

Hi
Using https://bryntum.com/examples/scheduler-pro/nested-events/ with some changes as below

Set mode: translateXY in Drag
Commented intersectSpans in isNestedEventValid
Set rowHeight : 500 in SchedulerWithSubtasks
Set height: "50px" in eventBodyTemplate

I can drag and drop the event within the same container. But how do I
1) Prevent the nested event from "sticking" to each other? How can I reorder it as if it's a normal multiple events, https://bryntum.com/examples/examples-scheduler/basic/? Sample in Capture.png attachment
2) How to increase or decrease the container height depending on number of stacking nested events, instead of preset it to a large height?

Really appreciate

Attachments
Capture.PNG
Capture.PNG (3.15 KiB) Viewed 24 times

Post by mats »

As Alex said, this is currently not supported and not trivial to implement. Best idea (if you have budget) would likely be to hire us to implement this feature based on your requirements. If interested, please reach out to us at sales@bryntum.com

Tired of debugging javascript errors in web applications? Try our powerful error logging service RootCause


Post by kokhooi »

Hi,
Sorry if I got it wrong, what Alex filed is to DnD from one nested events to another parent nested event. But to do it within same container in the nested event is not possible as well at the moment? Just looking how to re-order and adjust the height of the same container


Post by saki »

If by "container" you mean the row, then you can set it in the corresponding resource record. To see it in action go to https://bryntum.com/examples/scheduler/basic/ and then type in the console:

scheduler.resourceStore.first.rowHeight = 100

Post Reply