Page 1 of 1

[ANGULAR] Create drag event

Posted: Fri Jul 31, 2020 7:08 am
by maxigg58

Hello, we are evaluating buying the product to easily view the reservations of rooms in our company.
Currently we want to capture the create drag event and only redirect us to our controller to create the reservation.
Where is the drag event captured? the documentation was not clear to us.
We are currently downloading the angular 8 example.

thank you,

Regards.


Re: [ANGULAR] Create drag event

Posted: Fri Jul 31, 2020 10:18 am
by Maxim Gorkovsky

Hello.
There are few events which you can listen. https://www.bryntum.com/docs/scheduler/#Scheduler/feature/EventDragCreate#event-beforeDragCreateFinalize this one to validate event beforeit is created and this one to process created event: https://www.bryntum.com/docs/scheduler/#Scheduler/feature/EventDragCreate#event-dragCreateEnd
I'd recommend to take a look at this demo to see similar events in action: https://www.bryntum.com/examples/scheduler/validation/

Angular wrappers capture all scheduler events and pass them to angular event emitter.

<bry-scheduler
  (onSchedulerEvents) = "dispatchEvent($event)"...

dispatchEvent(event: any) {
        switch (event.type) {
            case 'dragcreateend':
                console.log('drag create')
                break;
            default:
                return;
        }
    }

Re: [ANGULAR] Create drag event

Posted: Fri Jul 31, 2020 7:49 pm
by maxigg58
Maxim Gorkovsky wrote: Fri Jul 31, 2020 10:18 am

Hello.
There are few events which you can listen. https://www.bryntum.com/docs/scheduler/#Scheduler/feature/EventDragCreate#event-beforeDragCreateFinalize this one to validate event beforeit is created and this one to process created event: https://www.bryntum.com/docs/scheduler/#Scheduler/feature/EventDragCreate#event-dragCreateEnd
I'd recommend to take a look at this demo to see similar events in action: https://www.bryntum.com/examples/scheduler/validation/

Angular wrappers capture all scheduler events and pass them to angular event emitter.

<bry-scheduler
  (onSchedulerEvents) = "dispatchEvent($event)"...

dispatchEvent(event: any) {
        switch (event.type) {
            case 'dragcreateend':
                console.log('drag create')
                break;
            default:
                return;
        }
    }

Thank you very much!!
we were able to capture the event.
they really take the topic of the forum very seriously and answer very quickly, this gives us confidence and every day more convinces us that we have to buy this tool.

thank you!