@ng2-dynamic-forms/ui-kendo
    TypeScript icon, indicating that this package has built-in type declarations

    1.4.31 • Public • Published

    ng2 Dynamic Forms Kendo UI

    Installation

    npm install @ng2-dynamic-forms/ui-kendo -S
    

    Import

    @NgModule({
     
        imports: [
            // ...
            ReactiveFormsModule,
            DynamicFormsCoreModule.forRoot(),
            DynamicFormsKendoUIModule
        ]
    })
     
    export class AppModule {}

    Usage

    with DynamicKendoFormComponent:

    <form [formGroup]="myFormGroup">
     
        <dynamic-kendo-form [group]="myFormGroup"
                            [model]="myFormModel"></dynamic-kendo-form>
    </form>

    with DynamicKendoFormControlComponent:

    <form [formGroup]="myFormGroup">
     
        <dynamic-kendo-form-control *ngFor="let controlModel of myFormModel"
                                    [group]="myFormGroup"
                                    [model]="controlModel"></dynamic-kendo-form-control>
    </form>

    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

    Sample

    Live Demo

    Install

    npm i @ng2-dynamic-forms/ui-kendo

    DownloadsWeekly Downloads

    0

    Version

    1.4.31

    License

    ISC

    Last publish

    Collaborators

    • ng2-dynamic-forms