共享兩個的ViewModels Knockoutjs之間ko.computed

Question

所以我有以下ko.computed：

self.grandTotal = ko.computed(function() { 
     var total = self.bookBasePrice(); 

     if (self.TornEdge() == true) 
      total += self.TornEdgeCost(); 

     if (self.LogoStamping() == true) 
      total += self.LogoCost(); 

     return total; 
    }); 

我想兩個的ViewModels之間分享。我有StartViewModel和UploadViewModel，我用ko.mapping來動態創建observables，這兩個ViewModel使用完全相同的grandTotal，儘管它們在其他方面有所不同。

有沒有一個很好的方法來做到這一點，我看着ko.extenders，但這不完全是我正在尋找。

Answer 1

這似乎是一個很好的候選人使用繼承，像這樣：

function BaseVM(){ 
    var self = this; 
    self.someValue = ko.observable(); 
    self.grandTotal = ko.computed(function() { 
     return self.someValue()+1; 
    }); 
} 

function Vm1(initValue){ 
    var self = this; 
    self.someValue(initValue); 
} 

Vm1.prototype = new BaseVM(); 
Vm1.prototype.constructor=Vm1; 



function Vm2(){ 
    var self = this; 
    self.someValue(13); 
} 

Vm2.prototype = new BaseVM(); 
Vm2.prototype.constructor=Vm2; 


ko.applyBindings(new Vm1(4),document.getElementById("View1")); 
ko.applyBindings(new Vm2(),document.getElementById("View2")); 

小提琴這裏：

http://jsfiddle.net/luisvsilva/freLc1nd/3/

通常當我在Javascript中使用繼承我用這個偉大的片段形式真棒John Resig：

http://ejohn.org/blog/simple-javascript-inheritance/

Answer 2

您可以使用普通功能。所以：

self.grandTotal = myGrandTotaller; 

然後定義函數：

function myGrandTotaller(self) { 
     var total = self.bookBasePrice(); 

     if (self.TornEdge() == true) 
      total += self.TornEdgeCost(); 

     if (self.LogoStamping() == true) 
      total += self.LogoCost(); 

     return total; 
    } 

然後換說，一個文本框中輸入綁定語法，應該是：

data-bind="value:grandTotal($root)" 

我贊成組成了因爲你已經說過他們是兩個截然不同的觀點/模型。所以如果在這裏沒有「是」的關係，我會去「擁有」即構圖。