Kendo UI package for NG Dynamic Forms
npm install @ng-dynamic-forms/ui-kendo
npm i @ng-dynamic-forms/ui-kendo -S
`Import
`ts
@NgModule({ imports: [DynamicFormsKendoUIModule]
})
export class AppModule {}
`Usage
with
DynamicKendoFormComponent:
`ts
`with
DynamicKendoFormControlComponent:
`ts
`Form Controls
| Control | Model | Required Property |
|:-----------------------------------------------------------------------------------------------: |:---------------------------: |:---------------------: |
| AutoComplete |
DynamicInputModel | list |
| Calendar | DynamicDatepickerModel | inline: true |
| Checkbox | DynamicCheckboxModel | – |
| Checkbox Group | DynamicCheckboxGroupModel | – |
| DateInput | DynamicInputModel | inputType: "date" |
| DatePicker | DynamicDatepickerModel | – |
| DropDownList | DynamicSelectModel | – |
| MaskedTextBox | DynamicInputModel | mask |
| MultiSelect | DynamicSelectModel | multiple: true |
| NumericTextBox | DynamicInputModel | inputType: "number" |
| Radio Button | DynamicRadioGroupModel | – |
| Slider | DynamicSliderModel | – |
| Switch | DynamicSwitchModel | – |
| TextArea | DynamicTextAreaModel | – |
| TextBox | DynamicInputModel | – |
| TimePicker | DynamicTimePickerModel | – |
| Upload | DynamicFileUploadModel | – |Custom UI Events
`ts
``