Calcul de l'application de la grille d'interface utilisateur à la colonne

Question

Actuellement, lorsque je modifie la valeur du champ% Discount, , le «Total dynamique de la colonne du produit» change. Je veux également que les valeurs de cellule de colonne "x (par défaut)" changent également en ce qui concerne le% de changement.

https://plnkr.co/edit/B40h9XrKOcNly7M0HG0u?p=preview

Product Column Dynamic Total >> {{grandTotal - (discount/100) * grandTotal}} << 

Answer 1

Vous pouvez écouter modifier et mettre à jour $scope.myData lorsque discount changements. Depuis, ui-grid a une liaison bidirectionnelle pour $scope.myData il mettra à jour la vue. Vous tag input ressemblera:

<input class="form-control " data-ng-model="discount" ng-change="updateValues()" type="number"> 

puis ajoutez la fonction updateValues à votre $scope:

$scope.updateValues = function() { 
    // write code to update values here 
} 

Answer 2

fourchue votre plunker pour changer la valeur de "x (par défaut)" colonne avec des valeurs aléatoires.

code:

angular.forEach($scope.myData,function(row,idx){ row.x = Math.random(); });

Il est conseillé de ne pas les observateurs utilisés pour mettre en œuvre une fonctionnalité. Au lieu d'utiliser des fonctions.