基于observableArray的数控机床的计算

Question

在我的视图模型中，有一个名为observableArray的projectLine。这个数组由projectsWorked对象组成。我需要得到数组中projectsWorked.projectHourWork的和。我编写了calcTotal()来计算总计。

  function ViewModel() {
        var self = this;
        this.CheckIn = ko.observable();
        this.CheckOut = ko.observable();
        this.Lunch = ko.observable();
        this.projectLine = ko.observableArray([new projectsWorked()]);

        this.TimeForWork = ko.computed(function () {
            return this.CheckIn() ? this.CheckOut() ? parseFloat(this.Lunch()) ? parseFloat(this.CheckOut()) - parseFloat(this.CheckIn()) - parseFloat(this.Lunch()) : parseFloat(this.CheckOut()) - parseFloat(this.CheckIn()) : 0 : 0;
        }, this);

        this.Rest = ko.observable();

        this.RemainHour = ko.computed(function () {
            return self.TimeForWork() ? self.Rest() ? self.WorkOnProject() ? parseFloat(self.TimeForWork()) - parseFloat(self.Rest()) - parseFloat(self.WorkOnProject()) : parseFloat(self.TimeForWork()) - parseFloat(self.Rest()) : parseFloat(self.TimeForWork()) : 0
        }, this);

        this.WorkOnProject = ko.observable();
        this.grandTotal = ko.observable();

        this.AddLine = function () {
            alert('hello Add');

            this.calcTotal();
            this.projectLine.push(new projectsWorked());
        };

      //Problem Occurs in here
       this.calcTotal = function () {
           var total = 0;
           alert('ABC');
            ko.utils.arrayForEach(self.projectLine(), function () {
                alert('BB');
                alert(self.projectLine.projectWork);
                total += self.projectLine.projectHourWork;
            })
                //$.each(self.projectLine, function () {
                //    totalh = parseFloat($('#txthour').val());


                //    total += totalh;
                //    alert(total);
                //})
                this.grandTotal = total;
           //     alert(total);
        }

    };

    function projectsWorked() {
        var self = this;
        this.projectEnable = ko.observable(false);
        this.hours = ko.observable();
        this.projectHourWork=ko.computed(function () {
            return this.hours();
            }, this);

        this.selectedProject = ko.observable();

        this.removeLine = function (line) {
            alert('hello Remove');     
            self.projectLine.removeLine(this);
        };
    };

    var data = [
        "ABC","CDE"
    ];   


    ko.applyBindings(new ViewModel());

但是这个计算给了我不正确的数值。Firebug将self.projectLine.projectHourWork值显示为未定义的值。这是什么原因？我怎么算出总数？

Answer 1

在calcTotal函数中，您指的是行总+= self.projectLine.projectHourWork中的self.projectLine；

self.projectLine是一个observableArray，所以我非常肯定projectHourWork不是在self.projectLine上定义的。

也许这就是你想要做的：

ko.utils.arrayForEach(self.projectLine(), function (pl) {
    alert('BB');
    total += pl.projectHourWork();
})

希望能帮上忙。

Answer 2

我认为问题在于您在projectLine数组上循环的方式。

在循环"self“中是对视图模型对象的引用，而不是对数组的每个元素的引用。试一试这样的东西：

ko.utils.arrayForEach(self.projectLine(), function (project) {
    alert(project.projectWork);
    total += project.projectHourWork();
});