Knockout.js计算器

Question

我正在使用Knockout.js开发计算器。我面临的情况是我不知道如何处理。 在下面的示例中，当用户输入产品和值并将值保存在数据库中时，一切正常。但是当用户来编辑这个页面时，我的要求是显示用户输入的所有值以及总数。但是，当用户改变产品或数量中的某些东西时，总数应该按预期改变。

我们现在将总数存储在数据库中，总数可以由一些管理员用户进行更改。在这种情况下，是否有一种方法可以在用户转到编辑页面时覆盖计算值，但是当用户更改产品或数量，那么计算应该与产品和数量的最新值一起发生。

帮助表示赞赏。

var TsFoundationDeviceModel = function(product,qty) { 
var self = this; 
self.product = ko.observable(); 
self.quantity= ko.observable(); 
self.computedExample = ko.computed(function() { 
    return self.product() * self.quantity() ; 
});} 

我的HTML代码看起来像

<input name="product" data-bind="value:product"> 
<input name="value" data-bind="value:value"> 
<input name="total" data-bind="value:computedExample"/> 

Answer 1

你必须将视图屏幕绑定。看看这个小提琴，并给它

var TsFoundationDeviceModel = function(product,qty) { 
var self = this; 
self.product = ko.observable(product); 
self.quantity= ko.observable(qty); 
self.computedExample = ko.computed(function() { 
return self.product() * self.quantity() ; 
});} 

ko.applyBindings(new TsFoundationDeviceModel(2,3)); 

http://jsfiddle.net/Z6VPV/5/

Answer 2

当引用内观测你的计算，你需要像对待功能，所以不是return self.product * self.quantity ;你会使用return self.product() * self.quantity();

小提琴：http://jsfiddle.net/SAV9A/