Angulaire JS UI-Grid Supprimer la ligne
Je suis nouveau sur ui-grid
et je suis en train de mettre en œuvre un tableau dans AngularJS, comme indiqué dans l'image ci-dessous. Je suis en train de sélectionner une ligne et de le supprimer à l'aide d'un bouton supprimer sur cette ligne particulière. Le ui-grid
documentation exige le recours à la gridApi
mais je ne peux pas trouver suffisamment de documentation pour la même chose.
source d'informationauteur Sur
Vous devez vous connecter pour publier un commentaire.
Veuillez voir un exemple de comment supprimer une ligne ici.
http://plnkr.co/edit/6TiFC6plEMJMD4U6QmyS?p=preview
La clé est d'utiliser
indexOf(row.entity)
et en ne s'appuyant pas surrow.index
qu'elle n'est pas dynamiquement mis à jour.Approche générique
Vous pouvez utiliser @Blousie solution aussi loin que de vous adapter à la nouvelle API: https://github.com/angular-ui/ng-grid/blob/master/3.0_UPGRADE.md
Maintenant "de la grille.appScope.edit(rangée.entité)" vous donne accès à votre portée "modifier" de la fonction.
Quelque chose comme ceci:
Nous avons besoin d'utiliser le $scope.de la grille.appScope. Il est disponible dans tous les modèles. En plus de cela, vous devez envoyer la ligne d'objet du modèle, de sorte que vous pouvez supprimer la ligne de la grille de données.
jsfiddle: http://jsfiddle.net/3ryLqa9e/4/
Les autres solutions proposées ici n'a pas fonctionné pour moi(Peut-être à cause de ma dernière version différente de l'interface utilisateur-réseau). Donc supprimer l'élément dans le champ d'application de la matrice de a fonctionné pour moi. Cela devrait même travail avec d'autres versions de l'interface utilisateur-réseau parce que la grille doit être mis à jour lorsque des modifications de données. (Merci à Angulaires!!!)
Je suis en utilisant lodash pour supprimer l'élément de la matrice et voici un exemple de code:
Tout simplement supprimer la ligne que vous souhaitez supprimer à partir de l'interface utilisateur-les grilles de source de données à l'aide du modèle de la jonction.
Par exemple