ViewModels和KnockoutJS

Question

我正在构建一个ASP.NET MVC应用程序，它利用了使用AutoMapper的ViewModel。但是，我正在考虑将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实用程序功能。