Built-In Directives

The Scheduler provides built-in, reactive directives for automating and simplifying the implementation of its editing operations in Angular reactive forms.

Support for editing in Angular template-driven forms is planned for future releases.

Setup

The kendoSchedulerReactiveEditing directive handles the necessary Scheduler events and enables you to skip the boilerplate code which is required to set up the Scheduler for editing with Angular reactive forms. The directive requires a createFormGroup inputyou have to set the input to a function which creates a FormGroup for the event model or, when the user adds a new event, for the new model.

The following example demonstrates how to use the kendoSchedulerReactiveEditing directive.

Example
View Source
Edit In Stackblitz  
Change Theme:

Editing of Resources

The kendoSchedulerReactiveEditing directive handles the editing of Scheduler resources. The corresponding values of the resources have to be part of the FormGroup that is returned by the createFormGroup input.

The following example demonstrates how to use the kendoSchedulerReactiveEditing directive to edit resources.

Example
View Source
Edit In Stackblitz  
Change Theme:

Custom Service

By default, the built-in editing directives modify the data that is passed to the Scheduler in memory. You can customize this behavior by implementing a custom service through the editService input. The custom service handles the data operations which are defined by the EditService interface.

Custom services typically persist data by using a table-based API such as OData. To cut on the repetitive code, especially in regards to editing recurring events, services may inherit from the BaseEditService base class.

The following example demonstrates how to implement a custom service by using the base class.

Example
View Source
Edit In Stackblitz  
Change Theme: