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();

Fiddle: http://jsfiddle.net/SAV9A/