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代わりにグローバル プロパティ (window に属する) が作成されます。次に、プロトタイプの関数が実行されるたびに、物事が台無しになります。

于 2013-11-06T18:06:24.190 に答える
1

これはいいものでした。問題のある行は次のとおりです。

ingr = this;

する必要があります

var ingr = this;

更新されたフィドル: http://jsfiddle.net/6nXYE/1/

于 2013-11-06T18:06:43.987 に答える