4

我正在从 mvc4 中的模型在 Knockout 中创建视图模型。我正在使用映射插件。当前代码如下所示。

首先：我将需要的不同 MVC4 模型合并到一个 ko 视图模型中。

var mergedData = $.extend(true, {}, initialEventData,
    { "Tickets": initialTicketData }, { "TimeZones": timeZones }
);

第二：我添加了一些映射以将计算函数添加到我的视图模型中。

var mapping = {
    'Tickets': {
        create: function (options) {
            return new updatedTicket(options.data);
        }
    }
}

var updatedTicket = function (data) {
    ko.mapping.fromJS(data, {}, this);

    this.formattedPrice = ko.computed(function () {
        return "$" + parseFloat(this.Price()).toFixed(2);
    }, this);
}

Finlly：我应用绑定。

var eventViewModel = ko.mapping.fromJS(mergedData, mapping);

但是：有时门票模型可能会空着回来。发生这种情况时，映射插件不会创建可观察数组（显然）。我需要创建一个带有映射属性的空数组，以便我可以推送新票。

4

2 回答 2

0

只需创建一个容器视图模型，您可以在其中创建默认票证数组......也在您的回调函数中，确保您使用引用“this”的变量

   var mapping = {
    'Tickets': {
        create: function (options) {
            return new updatedTicket(options.data);
        }
    }
}

var updatedTicket = function (data) {
    var self = this;
    ko.mapping.fromJS(data, {}, this);

    this.formattedPrice = ko.computed(function () {
        return "$" + parseFloat(self.Price()).toFixed(2);
    }, this);
}

var viewModel = function ( )  {
    this.Tickets = ko.observableArray([]);
    ko.mapping.fromJS(mergedData, mapping, this);
}

var eventViewModel = new viewModel();
于 2012-06-14T22:25:01.170 回答
0

我只想在映射配置中添加一个检查。检查数据是否在 updatedTicket 函数中，如果没有，则手动创建一个可观察数组

于 2012-06-14T17:47:42.967 回答