ng-dynamic-forms documentation
  1. Components
  2. DynamicPrimeNGEditorComponent

File

projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts

Extends

DynamicFormControlComponent

Metadata

selector dynamic-primeng-editor
templateUrl ./dynamic-primeng-editor.component.html

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(layoutService: DynamicFormLayoutService, validationService: DynamicFormValidationService)
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:29
Parameters :
Name Type Optional
layoutService DynamicFormLayoutService No
validationService DynamicFormValidationService No

Inputs

formLayout
Type : DynamicFormLayout
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:19
group
Type : FormGroup
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:20
layout
Type : DynamicFormControlLayout
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:21
model
Type : DynamicEditorModel
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:22

Outputs

blur
Type : EventEmitter<any>
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:24
change
Type : EventEmitter<any>
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:25
customEvent
Type : EventEmitter<DynamicFormControlCustomEvent>
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:26
focus
Type : EventEmitter<any>
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:27

Methods

getClass
getClass(context: DynamicFormControlLayoutContext, place: DynamicFormControlLayoutPlace, model: DynamicFormControlModel)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:73
Parameters :
Name Type Optional Default value
context DynamicFormControlLayoutContext No
place DynamicFormControlLayoutPlace No
model DynamicFormControlModel No this.model
Returns : string
onBlur
onBlur($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:82
Parameters :
Name Type Optional
$event any No
Returns : void
onChange
onChange($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:92
Parameters :
Name Type Optional
$event any No
Returns : void
onCustomEvent
onCustomEvent($event: any, type: string | null, bypass: boolean)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:101
Parameters :
Name Type Optional Default value
$event any No
type string | null No null
bypass boolean No false
Returns : void
onFocus
onFocus($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:113
Parameters :
Name Type Optional
$event any No
Returns : void

Properties

pEditor
Type : Editor
Decorators :
@ViewChild('pEditor', {static: true})
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/editor/dynamic-primeng-editor.component.ts:29
Private _hasFocus
Default value : false
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:21
blur
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:29
change
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:30
customEvent
Type : EventEmitter<DynamicFormControlCustomEvent>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:31
focus
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:32
formLayout
Type : DynamicFormLayout
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:23
group
Type : FormGroup
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:24
layout
Type : DynamicFormControlLayout
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:25
model
Type : DynamicFormControlModel
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:26
templates
Type : DynamicFormControlTemplates
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:27 
import { Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { Editor } from "primeng/primeng";
import {
    DynamicEditorModel,
    DynamicFormControlCustomEvent,
    DynamicFormLayout,
    DynamicFormLayoutService,
    DynamicFormValidationService,
    DynamicFormControlComponent, DynamicFormControlLayout
} from "@ng-dynamic-forms/core";

@Component({
    selector: "dynamic-primeng-editor",
    templateUrl: "./dynamic-primeng-editor.component.html"
})
export class DynamicPrimeNGEditorComponent extends DynamicFormControlComponent {

    @Input() formLayout: DynamicFormLayout;
    @Input() group: FormGroup;
    @Input() layout: DynamicFormControlLayout;
    @Input() model: DynamicEditorModel;

    @Output() blur: EventEmitter<any> = new EventEmitter();
    @Output() change: EventEmitter<any> = new EventEmitter();
    @Output() customEvent: EventEmitter<DynamicFormControlCustomEvent> = new EventEmitter();
    @Output() focus: EventEmitter<any> = new EventEmitter();

    @ViewChild("pEditor", { static: true }) pEditor: Editor;

    constructor(protected layoutService: DynamicFormLayoutService,
                protected validationService: DynamicFormValidationService) {

        super(layoutService, validationService);
    }
}

<div [formGroup]="group" [ngClass]="getClass('grid', 'control')">

    <p-editor #pEditor
              [formats]="model.getAdditional('formats', null)"
              [formControlName]="model.id"
              [id]="id"
              [ngClass]="getClass('element','control')"
              [modules]="model.getAdditional('modules', null)"
              (onSelectionChange)="onCustomEvent($event, 'onSelectionChange')"
              (onTextChange)="onChange($event)"></p-editor>

</div>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""