Code: Select all
showRegisterDialog() {
this.refRegisterDialog = this.dialogService.open(AppRegisterItemDialog, {
header: 'Register ítem',
width: '70%',
contentStyle: {'min-height': '550px'},
baseZIndex: 10000
});
this.refRegisterDialog.onClose.subscribe((parItem: any) =>{
if (parItem) {
console.log('parItem:', parItem);
}
});
}
Code: Select all
import { Component } from '@angular/core';
import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
@Component({
templateUrl: './app.register-item.dialog.html',
})
export class AppRegisterItemDialog {
constructor(public ref: DynamicDialogRef, public config: DynamicDialogConfig) { }
ngOnInit() {}
save(){
this.ref.close('completed!');
}
cancel(){
this.ref.close('cancelled!');
}
}
Code: Select all
<div class="p-dialog-content">
<div class="p-formgrid p-grid">
<div class="p-field p-col-12">
<label>Name</label>
<input type="text" pInputText inputId="name"/>
</div>
<div class="p-field p-col-12">
<label>Birthday</label>
<p-calendar [showIcon]="true" inputId="birthDay"></p-calendar>
</div>
</div>
</div>
<div class="p-dialog-footer">
<button pButton pRipple label="Cancel" (click)="cancel()"></button>
<button pButton pRipple label="Save" (click)="save()"></button>
</div>
https://drive.google.com/file/d/1EMUEg2 ... sp=sharing