IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Angular Discussion :

Dialog -> récupérer la data


Sujet :

Angular

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de pingoui
    Homme Profil pro
    Activité professionnelle sans liens avec le developpement
    Inscrit en
    Juillet 2004
    Messages
    584
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Activité professionnelle sans liens avec le developpement
    Secteur : Industrie

    Informations forums :
    Inscription : Juillet 2004
    Messages : 584
    Par défaut Dialog -> récupérer la data
    Bonjour,

    Je début sur le Front notamment sur le framework Angular
    J'ai un composant que j'utilise plusieurs fois dans mon application -> WorkFormComponent
    C'est un formulaire avec un bouton "Annuler" et "Ajouter".

    Je souhaite ouvrir ce formulaire dans un boite modale.
    j'ai fait plusieurs essai mais je n'arrive pas à récupéré la donnée de mon mon formulaire

    work-dialog.component.html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <app-work-form
            [isEditForm]="isWorkEditForm"
            [selectedWork]="selectedWork"
            (addWork)="addWork($event)"
            (doClose)="onCancel()">
    </app-work-form>
    work.dialog.component.ts
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    @Component({
      selector: 'app-work-dialog',
      templateUrl: './work-dialog.component.html',
      styleUrls: ['./work-dialog.component.scss'],
    })
    export class WorkDialogComponent {
     
      readonly dialogRef = inject(MatDialogRef<WorkDialogComponent>);
      readonly data = inject<EeWork>(MAT_DIALOG_DATA);
      readonly work = model(this.data);
     
      isWorkEditForm : boolean = false;
      selectedWork : EditableEeWork = new EditableEeWork();
     
      constructor() {}
     
      addWork(eeWork: EeWork) {
        console.log('entreprise ajoutée : ', eeWork);
        this.dialogRef.close(eeWork);
      }
      onCancel() {
        this.dialogRef.close();
      }
     
      @HostListener('document:keyup.escape') onClose() {
        this.onCancel();
      }
     
    }
    méthode pour ouvrir la dialog et récupérer le resultat
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
        openAddForm() {
            const dialogRef = this.dialog.open(WorkDialogComponent, {
                data: this.selectedWork,
            });
            dialogRef.afterClosed().subscribe(result => {
                console.log('The dialog was closed', result);
                if (result !== undefined) {
                    console.log('EE = ');
                }
     
            });
        }
    J'ai bien la trace de la fermeture de dialog mais le résultat est undefined

    Pouvez-vous m'aider s'il vous plait ?
    D'avance merci

  2. #2
    Membre éclairé Avatar de pingoui
    Homme Profil pro
    Activité professionnelle sans liens avec le developpement
    Inscrit en
    Juillet 2004
    Messages
    584
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Activité professionnelle sans liens avec le developpement
    Secteur : Industrie

    Informations forums :
    Inscription : Juillet 2004
    Messages : 584
    Par défaut
    Bonjour,
    c'est résolu
    Depuis mon composant formulaire je faisais appel à la méthode addWork() puis doClose() donc je ne récupérais pas l'objet

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. UI dialog post data et file upload
    Par devlm dans le forum jQuery
    Réponses: 1
    Dernier message: 03/12/2013, 21h33
  2. [AJAX] serialize data CKEditor UI Dialog
    Par pixworld dans le forum AJAX
    Réponses: 1
    Dernier message: 30/05/2011, 22h31
  3. [MFC] Thread de communication et Dialog Data Exchange
    Par Philippe320 dans le forum MFC
    Réponses: 4
    Dernier message: 20/05/2006, 17h07
  4. Pop-up d'une dialog box a partir d'un bouton
    Par bobbyjack dans le forum MFC
    Réponses: 21
    Dernier message: 13/09/2005, 15h32
  5. [Pointer]Treeview.Data
    Par rbag dans le forum Composants VCL
    Réponses: 7
    Dernier message: 31/08/2002, 01h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo