SchedulerFormEditorProps
Represents the props of the Kendo UI for Vue SchedulerFormEditor component.
Definition
Package:@progress/kendo-vue-scheduler
Properties
Overrides the component used for visualizing the allDay field editor.
The Kendo UI for Vue Switch component is used, by default.
allDayLabel?
any
Overrides the component used for visualizing the allDay field label.
allowSubmit
boolean
Indicates if the Form is ready to be submitted.
- If
allowSubmitis set totrueand the Form is valid, the user will be able to submit the form. - If
allowSubmitis set totrueand the Form is not valid, the user will be able to set all fields
touched and visited state to true.
Useful for toggling the disabled state of the Submit button.
Overrides the component used for visualizing the description field editor.
The Kendo UI for Vue TextArea component is used, by default.
endEditor?
any
Overrides the component used for visualizing the end field editor.
The ZonedSplitDateTime component is used by default, rendering a split DatePicker and TimePicker.
Overrides the component used for visualizing the end timezone field editor.
A Kendo UI for Vue DropDownList component is used, by default.
errors
KeyValue<string>
The key-value pair containing the current errors by field path, combined from both field and form level validators.
id?
string
Specifies the id attribute of the root element.
modified
boolean
Indicates if the Form is modified.
If any field is modified, modified is set to true.
The modified state of field is set to true when the onChange
callback of the Field component is called for first time.
onChange?
(name: string, options: { value: any }) => void
A callback for emiting changes to a specific field without using the Field component (see example).
Use
onChangeonly if you cannot achieve the desired behavior through the Field component.
onFormreset?
() => void
A callback for resetting the Form.
onSubmit?
(event: any) => void
A callback for submitting the Form.
Can be passed to the onClick property of the Submit button.
This template is ignored. The recurrence button always uses the localized
"Make recurring" or "Edit recurrence" label. Use recurrenceSummaryTemplate
to customize the separate recurrence summary instead.
Overrides the component used for visualizing the recurrenceRule field editor.
A custom made RecurrenceEditor component is used, by default.
Overrides the recurrence summary displayed below the recurrence button and inside the recurrence editor dialog.
Receives recurrenceRule (RRULE string), text (full default summary), and parsedRule.
This template is only rendered when a recurrence rule exists.
The native tooltip displays the full rendered template text.
Overrides the component used for visualizing each resource field editor.
An extended Kendo UI for Vue MultiSelect or DropDownList component is used by default, depending on the multiple field of each individual resource.
startEditor?
any
Overrides the component used for visualizing the start field editor.
The ZonedSplitDateTime component is used by default, rendering a split DatePicker and TimePicker.
Overrides the component used for visualizing the start timezone field editor.
A Kendo UI for Vue DropDownList component is used, by default.
submitted
boolean
Indicates if the Form is successfuly submitted. Useful for detecting if user is leaving the form before saving changes.
tabIndex?
number
Specifies the tabIndex attribute of the root element.
titleEditor?
any
Overrides the component used for visualizing the title field editor.
The Kendo UI for Vue Input component is used, by default.
touched
boolean
Indicates if the Form is touched.
If any field is touched, touched is set to true.
The touched state of field is set to true when the onBlur
callback of the Field component is called or when the user tries to submit the form.
valid
boolean
Indicates if the Form is valid.
If any field is invalid, valid is set to false.
A callback for getting the value of a field without using the Field component (see example). Useful for creating and modifying the UI based on the field values.
any
visited
boolean
Indicates if the Form is visited.
If any field is visited, visited is set to true.
The visited state of field is set to true when the onFocus
callback of the Field component is called or when the user tries to submit the form.