將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標籤看起來像：

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

然後添加updateValues功能，以您的$scope：

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

Answer 2

叉形你plunker用一些隨機值改變「×（默認）」列的值。

代碼：

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

，不建議使用到觀察家實現的功能。而是使用函數。