ViewModels和KnockoutJS

Question

我正在構建一個ASP.NET MVC應用程序，它利用使用AutoMapper的ViewModels。但是，我正在考慮將KnockoutJS用於「AJAX重」頁面，但這意味着我還必須爲KnockoutJS創建ViewModels。

我認爲有兩個獨立的ViewModel的主要缺點是可維護性。有沒有比創建兩個ViewModel更好的解決方案？另外，閱讀其他一些帖子，這意味着客戶端ViewModel必須知道服務器端是不好的做法，並將兩者緊密結合在一起。

我必須承認我還沒有真正使用KnockoutJS過去，但讀/經歷了一些教程，所以我在這個問題上有點無關。任何幫助，將不勝感激。

Answer 1

口是心非可以在很大程度上通過以下方法降低：

@model ViewModel 

<script src="@Url.Content("~/Scripts/knockout.mapping-latest.js")" type="text/javascript"></script> 

... 

<script type="text/javascript"> 
    function ViewModel(initData) { 
     var self = this; 
     ko.mapping.fromJS(initData, {}, self); 

     // Add custom view model logic 
     ... 

     // Logic for persisting the current state of the model back to the server 
     self.Save = function() {     
      $.ajax('/model-uri', { 
       type: 'POST', 
       contentType: "application/json", 
       data: ko.toJSON(self)     
     }); 
    }; 

    var initialData = @(Html.Raw(JsonConvert.SerializeObject(Model))); 
    var model = new ViewModel(initialData); 
    ko.applyBindings(model); 
</script> 

請注意，我們序列化服務器提供的視圖模型爲JavaScript對象，然後使得其性能可觀察到的使用ko.mapping插件，它可以節省我們在客戶端複製視圖模型定義。在將更新的模型發送回服務器時，我們還使用ko.toJSON實用程序功能。