EventEdit

The configuration for the internal editor widget. With this config you can control the type of editor (defaults to Popup) and which widgets to show, change the items in the bbar, or change whether the popup should be modal etc.

const scheduler = new Scheduler({
    features : {
        eventEdit  : {
            editorConfig : {
                modal  : true,
                cls    : 'my-editor' // A CSS class,
                items  : {
                    owner : {
                        weight : -100, // Will sort above system-supplied fields which are weight 100 to 800
                        type   : 'usercombo',
                        name   : 'owner',
                        label  : 'Owner'
                    },
                    agreement : {
                        weight : 1000, // Will sort below system-supplied fields which are weight 100 to 800
                        type   : 'checkbox',
                        name   : 'agreement',
                        label  : 'Agree to terms'
                    },
                    resourceField : {
                        // Apply a special filter to limit the Combo's access
                        // to resources.
                        store  {
                            filters : [{
                                filterBy(resource) {
                                    return shouldShowResource(record);
                                }
                            }]
                        }
                    }
                },
                bbar : {
                    items : {
                        deleteButton : {
                            hidden : true
                        }
                    }
                }
            }
        }
    }
});

Or to use your own custom editor:

const scheduler = new Scheduler({
    features : {
        eventEdit  : {
            editorConfig : {
                type : 'myCustomEditorType'
            }
        }
    }
});

A CSS selector targeting elements that should not trigger the editor when clicked.

The event that shall trigger showing the editor. Defaults to eventdblclick, set to '' or null to disable editing of existing events.

The data field in the model that defines the eventType. Applied as class (b-event-type-xx) to the editors element, to allow showing/hiding fields depending on eventType. Dynamic toggling of fields in the editor is activated by adding an eventTypeField field to your widget:

const scheduler = new Scheduler({
   features : {
      eventEdit : {
          items : {
              eventTypeField : {
                 type  : 'combo',
                 name  : 'eventType',
                 label : 'Type',
                 items : ['Appointment', 'Internal', 'Meeting']
              }
          }
       }
    }
});

Note, your event model class also must declare this field:

 class MyEvent extends EventModel {
     static get fields() {
         return [
             { name : 'eventType' }
         ];
     }
 }

How much of a long event bar which is clipped by scrolling must be brought into view to facilitate editing.

In a horizontal Scheduler, this will bring 100 pixels of width into view.

In a vertical Scheduler, this will bring 100 pixels of height into view.

Specify true to put the editor in read only mode.

It will also be in read only mode if the Scheduler / Calendar is so, or if the event record is read only.

Reference to the cancel button, if used

Reference to the delete button, if used

Returns the editor widget representing this feature

Reference to the end date field, if used

Reference to the end time field, if used

The current EventModel record, which is being edited by the event editor.

Returns true if the editor is currently active

How much of a long event bar which is clipped by scrolling must be brought into view to facilitate editing.

In a horizontal Scheduler, this will bring 100 pixels of width into view.

In a vertical Scheduler, this will bring 100 pixels of height into view.

Reference to the name field, if used

Specify true to put the editor in read only mode.

It will also be in read only mode if the Scheduler / Calendar is so, or if the event record is read only.

Reference to the resource field, if used

Reference to the save button, if used

Reference to the start date field, if used

Reference to the start time field, if used

Opens an editor for the passed event. This function is exposed on Scheduler and can be called as scheduler.editEvent().