2017-09-05 4 views
0

Bonjour la communauté, j'utilise primeng et je montre dans un tableau les enregistrements qui proviennent d'une base de données, je veux cocher ma case en fonction de la réponse de la base de données, si la langue est active je devrais charger la ne savent pas comment accéder pour la marque, ilComment marquer une case à cocher Primeng date?

<p-dataTable [value]="userLanguage" name="userLang" dataKey="key"> 
<p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column> 
<p-column field="languageName" header="Idioma"></p-column> 
<p-column field="languageId" header="Código"></p-column> 
</p-dataTable> 

Composant:

// Obtener los idiomas del usuario 
    getLanguage(user){ 
    this._userService.getLanguage(user).subscribe(
     response => { 
     this.userLanguage = response.lstLOV; 
    }, 
     error => { 
     console.log(<any>error); 
     } 
    ); 
    } 

Répondre

0

sur votre définition datatable, ajoutez une propriété [(selection)]="selectedLanguages". sur votre définition du composant, ajoutez une variable appelée selectedLanguages: Language[] = []; Dans votre fonction getLanguage, utilisez un forEach sur votre this.userLanguage et vérifiez si elle est marquée comme active, si elle est, pousser la langue à la variable this.selectedLanguage. Assurez-vous de régler la this.selectedLanguages = [] comme l'une des premières choses sur votre getLanguage appel

Pour un exemple d'utilisation des sélections, voir le choix du paragraphe de la composante datatable Showcase showing selections