Knockout - 如何在加載部分視圖後在主頁ViewModel上設置子ViewModel屬性

我想動態加載我的主頁上的div的內容，從控制器返回的部分視圖。該div的內容可能會根據用戶在主視圖上點擊哪個按鈕而發生變化。部分視圖有他們自己的挖空viewmodels，我想綁定到div（或部分視圖內的子div）。Knockout - 如何在加載部分視圖後在主頁ViewModel上設置子ViewModel屬性

這是我曾嘗試...

我有一個主要淘汰賽視圖模型我的主頁上...

window.mainpage.viewmodel = (function (ko, datacontext) { 
    var self = this; 

    self.someValue = ko.observable("test value"); 
    self.childViewModel = ko.observable(); 

    return { 
     someValue: someValue, 
     childViewModel: childViewModel 
    }; 
})(ko, window.mainpage.datacontext); 

$(document).ready(function() { 
    var viewModel = window.mainpage.viewmodel; 
    ko.applyBindings(viewModel); 
}

然後我的觀點已經兩個div，一個必然someValue中和另一綁定到childViewModel ....

<div data-bind="text: someValue"></div> 
<div id="subContent" data-bind="with: childViewModel"> 
</div>

當我點擊窗體上的按鈕，我希望它的「子內容」 div的內容設置爲局部視圖控制器作用的結果...

$('#subContent').load('/Test/GetPage', data, function (response, status, xhr) { 
       //Do something when the partial view is loaded in #subContent 
      });

我PartialView有自己的視圖模型，這是我在自己的js文件，它是在局部視圖內聲明宣佈....

window.child.subviewmodel = (function (ko, datacontext) { 
    var self = this; 

    self.someChildValue = ko.observable("test child value"); 

    return { 
     someChildValue: someChildValue 
    }; 

})(ko, window.child.datacontext);

我的問題是在哪裏創建我的孩子ViewModel以及如何將其分配給主ViewModel上的childViewModel屬性。

另外，我應該怎麼做才能確保每次重新加載子內容時都能正確清除內存使用情況？

任何人都可以提出實現這一目標的最佳方法嗎？

來源

2013-02-19 Simon Williams