[ANGULAR] Create drag event

Our pure JavaScript Scheduler component


Post Reply
User avatar
maxigg58
Posts: 6
Joined: Wed Jul 29, 2020 5:16 pm

[ANGULAR] Create drag event

Post 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.


User avatar
Maxim Gorkovsky
Core Developer
Core Developer
Posts: 3152
Joined: Wed Jan 08, 2014 11:46 am

Re: [ANGULAR] Create drag event

Post 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.

Code: Select all

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

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

User avatar
maxigg58
Posts: 6
Joined: Wed Jul 29, 2020 5:16 pm

Re: [ANGULAR] Create drag event

Post 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.

Code: Select all

<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!


Post Reply