열에 계산을 적용하는 UI 그리드

Question

지금 바로 % 할인 필드 값을 변경하면 "제품 열 동적 총계"변경 사항이 적용됩니다. 또한 "x (기본값)"열 셀 값이 % 변경과 관련하여 변경되기를 원합니다.

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

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

Answer 1

당신은 변경 $scope.myData 때 discount 변경을 업데이트들을 수 있습니다. ui-grid에는 $scope.myData에 대한 양방향 바인딩이 있으므로보기를 업데이트합니다. 당신은 input 태그를 다음과 같이 표시됩니다 다음 $scope에 updateValues 기능을 추가

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

:

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

Answer 2

갈래 당신의 plunker 어떤 임의의 값으로 "X (기본값)"컬럼의 값을 변경합니다.

코드 :

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

이이 기능을 구현하는 데 사용되는 전문가에 권장되지 않습니다. 대신 함수를 사용하십시오.