Initial Edit Form Values

The Scheduler enables you to pre-define values for the different fields when creating and updating tasks. The initial values of the Scheduler's Edit Form can be defined with the modifyInitialFormValues property.

Basic Usage

The below example shows how we can set the initial values of the AllDay checkbox and the Rooms DropDownList available in the editing form.

Change Theme

Theme

Loading ...

To achieve the above example the following modifyInitialFormValues method is passed to the modifyInitialFormValues property of the Scheduler.

jsx

modifyInitialFormValues(dataItem) {
  return dataItem.roomId === undefined
    ? {
        ...dataItem,
        roomId: 1,
        isAllDay: true,
      }
    : dataItem;
},

The above snippet modifies the default isAllDay task field and the roomId resource field.

• The default fields available in the edit form are listed in the Fields API documentation.

Suggested Links

• Native Scheduler Editing - Basic configuration
• Native Scheduler - Custom Edit Form
• Native Scheduler - Custom validation messages
• API Reference of the SchedulerFormEditor
• Kendo UI for Vue Native Form