-1
votes

Comment choisir et désélectionner des lignes en angulaire 6

Je veux obtenir les valeurs des lignes sélectionnées et le stocker dans un tableau. Et quand je désélectionne une ligne, je veux le supprimer de la matrice de résultat. Mais selon mon code, combien de fois j'ai cliqué sur la ligne que plusieurs fois le nom de fichier des valeurs de ligne sont ajoutés à mon tableau de résultat (SELECTIONRES). Mon code est:

html: xxx

composant.ts: xxx


1 commentaires

Le comportement actuel est attendu, car vous écoutez simplement l'événement OnRowClicked et ajoutant la ligne actuellement cliquée au tableau


3 Réponses :


0
votes

Utilisez Array.Prototype.Push Méthode comme suit: XXX

et sur désélectionner Utilisez Splice Méthode. Je suis sûr que votre composant de table / grille dispose d'un événement de désélection que vous pouvez utiliser pour implémenter votre élimination de l'élément de la matrice.


2 commentaires

Merci pour votre réponse @milos Kovacevic. Quand je supprimai un nom de fichier de ceci.SelectedRows, j'ai eu une erreur dans AG-Grid qu'elle ne peut pas trouver ce fichier comme je l'ai supprimé.


Vous devez me donner plus de détails parce que je ne connais pas l'API AG-Grid, je viens de vous donner une approche de bon sens pour résoudre ce problème. Pouvez-vous me donner l'exemple de Stackblitz ou quelque chose?



0
votes

Enregistrer un Belvangled Code> Handler avec la grille, et dans votre gestionnaire, utilisez le GRDY API's's GetSystecNodes () code> méthode. xxx pré>

L'objet d'événement aura une référence à l'API de la grille que vous pouvez utiliser pour obtenir les lignes sélectionnées ... p>

onSelectionChanged(event: AgGridEvent) {
  const nodes = event.api.getSelectedNodes();
  // now do something with them....
}


1 commentaires

Vous êtes les bienvenus. Si cela a aidé s'il vous plaît considérer le vote et le marquer comme correct.



0
votes

Pour écouter la sélection Sélection / de la sélection de la ligne, vous devez vous inscrire à ONROWELLECTÉE Event.

ci-dessous est un exemple de code de < Code> AG-GRID-angular Forum, vous pouvez créer votre logique sur ceci (les données ci-dessous sont uniquement à des fins de démonstration)

Code angulaire: xxx

Exemple de travail sur Plunkr < / p>


1 commentaires

J'ai écrit le code de la même manière avec une modification mineure. Ça marche bien maintenant. Merci @ dreamweiver