Bryntum Support Forums

Hi,

Now i'm using the Tasks application demo (Angular). I want to use my APIs in my own server but I don't know what to do.
For example , when I add a new resoure item, drag an event to a new location or click 'Save' button when finishing editing event, what should I do that I can listen to these events and use my APIs to send my parameters to my server through functions?

Thanks.

Please check our guides how to work with data here https://bryntum.com/docs/scheduler-pro/guide/SchedulerPro/basics/project_data
and here https://bryntum.com/docs/scheduler-pro/guide/SchedulerPro/integration/angular/data-binding

I listened to the save method. How to get the event data (modified data) currently clicked ?

I used this way to listen to my button event but I can't find any paramter I filled in the Edit Event Form. Where these parameters are or what should I do?

Here's the code:

editorConfig: {
          bbar: {
            items: {
              saveButton: {
                listeners: {
                  click(a) {
                    console.log(a);
                  }
                }
              }
            }
          }
        },

To listen for event save, please use this https://bryntum.com/docs/scheduler-pro/api/SchedulerPro/feature/TaskEdit#event-afterEventSave

Here is an example

listeners : {
	afterEventSave({ eventRecord }) {
		// logic here
	}
}

Best,
Tasnim

I have implemented listeners of afterEventSave, but the "this" object cannot be obtained in the afterEventSave method.

listeners: {
      afterEventSave({ eventRecord }) {
        console.log(this);      // output undefined
      },
},

What should I do?

What do you expect to have as a scope of this method?
The scope of JS functions is depends on many aspects, same for listeners, as well on the way you add listeners and declared method.
Please review event params list https://bryntum.com/docs/scheduler-pro/api/SchedulerPro/feature/TaskEdit#event-afterEventSave
If you expected to have editor as a scope, it's available in params.

Also review docs https://bryntum.com/docs/scheduler-pro/api/Core/mixin/Events#function-on
There are few ways to add listeners, also possible to set a scope for the listener.

Can you provide some demos about angular?

Sure.
All demos are available in sources you downloaded.
Please check by path: /examples/frameworks/angular
also examples-scheduler/frameworks/angular