在knockoutjs中使用observableArray进行计算

在我的视图模型中有一个名为projectluine的observableArray。该数组由projectsWorked对象组成。我需要获得数组中的projectsWorked.projectHourWork的总和。我写了calcTotal（）来计算总数。在knockoutjs中使用observableArray进行计算

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值显示为未定义。这可能是什么原因？我如何计算总数？

来源

2013-07-04 DevT

为什么你声明变量var self = this;'然后你继续使用'this'而不是'self'？ –

在calcTotal函数中，您可以参考行中的self.projectLine total + = self.projectLine.projectHourWork;

self.projectLine是一个observableArray，所以我很确定projectHourWork没有在self.projectLine上定义。

可能这是你想做的事：

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

我希望它能帮助。

来源

2013-07-04 09:43:45 Damien

笏对象你通过pl引用吗？ – DevT

这不适用于我 – DevT

pl是一个projectsWorked的实例，它是一个self.projectLine（） – Damien

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

循环内部“self”是对视图模型对象的引用，而不是数组中的每个元素。尝试像这样：

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

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

来源

2013-07-04 09:44:28

wat object参考项目？ – DevT

它需要改变为'total + = project.projectHourWork（）;'那么它的工作 – DevT

ko.utils.arryForEach（）会调用你传递的函数作为集合中每个项目的第二个参数作为第一个参数传递，将项目作为参数传递。所以“project”将引用projectLine数组中的每个项目。 –

在knockoutjs中使用observableArray进行计算

回答

相关问题