0

我很困惑为什么即使我的成分在列表中正确填充并呈现，但当我更改例如第一种成分的“剂量参考系统”的值时，它会与剂量参考系统中最后一项的值混淆阵列？

每行中的值不会根据该行中的值更新

任何帮助，将不胜感激：

这是小提琴：http: //jsfiddle.net/makeitmorehuman/C6AvC/

这里参考的代码是：

function ingredient(data) {
        ingr = this;
        ingr.Name = ko.observable(data.Name);
        ingr.UnitCost = ko.observable(data.UnitCost);
        ingr.DRS = ko.observable(data.DRS);
        ingr.DP = ko.observable(data.DP);
        ingr.PercenChange = ko.computed(function () {
            return Math.round(ingr.DP() - ingr.DRS());
        });
        ingr.RawMaterialRS = ko.computed(function () {              
            return Math.round((ingr.DRS() / 100) * ingr.UnitCost() * 10000);
        });
        ingr.RawMaterialCostProp = ko.computed(function () {
            return Math.round((ingr.DP() / 100) * ingr.UnitCost() * 10000);
        });
        ingr.CostDifference = ko.computed(function () {
            return Math.round(ingr.RawMaterialCostProp() - ingr.RawMaterialRS());
        });
    }

    function ingredientsData() {
        return [
            { "Name": "Skimmed milk", "UnitCost": 0.40, "DRS": 70, "DP": 87 },
            { "Name": "Cream 40% fat", "UnitCost": 1.80, "DRS": 18, "DP": 9 },
            { "Name": "Skim Milk Powder", "UnitCost": 2.5, "DRS": 12, "DP": 1 },
            { "Name": "N-Dulge SAI", "UnitCost": 3.5, "DRS": 0, "DP": 2 },
            { "Name": "Novation Indulge 1720", "UnitCost": 3.9, "DRS": 0, "DP": 1 }
        ];
    }

    function NovationIndulge() {
        var self = this;

        self.Ingredients = ko.observableArray();

        self.init = function () {
            ko.utils.arrayForEach(ingredientsData(), function (item) {
                self.Ingredients.push(new ingredient(item));
            });
        };

        function SumOfItems(propertyToSum) {
            var total = 0;
            ko.utils.arrayForEach(self.Ingredients(), function (item) {
                total = parseInt(total) + parseInt(item[propertyToSum]());
            });
            return total;
        }

        self.TotalDRS = ko.computed(function () { return SumOfItems("DRS"); });
        self.TotalDP = ko.computed(function () { return SumOfItems("DP"); });
        self.TotalCostDiff = ko.computed(function () { return SumOfItems("CostDifference"); });
        self.TotalRawMaterialRS = ko.computed(function () { return SumOfItems("RawMaterialRS"); });
        self.TotalRawMCP = ko.computed(function () { return SumOfItems("RawMaterialCostProp") });

        self.AnnualFinishedProduct = ko.observable(4000);
        self.TotalCostSavingP1000 = ko.computed(function () { return self.TotalCostDiff() * -1 });
        self.TotalAnnualSaving = ko.computed(function () {
            return self.TotalCostSavingP1000() * self.AnnualFinishedProduct() / 1000;
        });
    }

    var NI = new NovationIndulge();
    NI.init();
    ko.applyBindings(NI);
4

2 回答 2

1

我的第一个猜测是因为你定义

function ingredient(data) {
    ingr = this;
    ...

如果没有var关键字，它将改为创建一个全局属性（属于窗口）。然后，每当你的原型中的一个函数运行时，事情就会变得一团糟。

于 2013-11-06T18:06:24.190 回答
1

这是一个不错的。违规行是这样的：

ingr = this;

应该

var ingr = this;

更新小提琴：http: //jsfiddle.net/6nXYE/1/

于 2013-11-06T18:06:43.987 回答