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
input—you 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.
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.
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.