在敲除映射插件中访问视图模型

Question

我正在使用敲除映射插件将计算属性添加到可观察数组中的项目。但是，此计算属性依赖于我的视图模型中的不同属性。

在映射期间创建可观察对象时如何访问视图模型属性？

请注意，我不能使用 options.parent，因为该属性在 viewModel 中更靠前。

我也无法更改视图模型，因为它是在服务器端生成的。

编辑：

这是一个显示问题的 JSFiddle。被注释掉的行是我需要开始工作的。

http://jsfiddle.net/g46mt/2/

这是我现在所拥有的，但显然是在抛出错误：

var mapping = {
    'Collection': {
        create: function(options) {
            var model = ko.mapping.fromJS(options.data);
            model.Total = ko.computed(function() {
                var result = this.Price() * viewModel.Count(); // :(
                return result;
            }, model);

            return model;
        }
    }
};

var json = { ... large json object ... };
var viewModel = ko.mapping.fromJS(json, mapping);

Answer 1

一种可能的解决方案是使用{deferEvaluation: true} 选项。因此，只有在 viewModel 准备好并且实际使用了 Total 属性时，才会评估您的计算函数：

var mapping = {
    'Collection': {
        create: function(options) {
            var model = ko.mapping.fromJS(options.data);
            model.Total = ko.computed(function() {
                var result = this.Price() * viewModel.Count();
                return result;
            }, model, {deferEvaluation: true});
            return model;
        }
    }
};

演示JSFiddle.

但是，通过这种方法，您可以将视图模型名称与映射选项紧密结合。因为如果您更改了 var viewModel = ko.mapping.fromJS(json, mapping); 并将您的 viewModel 命名为不同的名称，那么您还必须更新映射配置。

因为没有办法在映射配置中遍历“父”链，可能对于这种情况，映射插件不是最好的解决方案......

这是一种替代方法，使用手写视图模型并在需要的地方传递“根”：

var MainViewModel = function (json) {    
    ko.mapping.fromJS(json, { 'ignore': ["Foo"] }, this); //map the rest
    this.Foo = new FooViewModel(json.Foo, this);
}

var FooViewModel = function (json, root) {
    ko.mapping.fromJS(json, { 'ignore': ["Bar"] }, this); //map the rest
    this.Bar = new BarViewModel(json.Bar, root);
}

var BarViewModel = function (json, root) {
    ko.mapping.fromJS(json, { 'ignore': ["Collection"] }, this); //map the rest
    this.Collection = ko.mapping.fromJS(json.Collection, {
       create: function(options) {
            var model = ko.mapping.fromJS(options.data);
            model.Total = ko.computed(function() {
                var result = this.Price() * root.Count();
                return result;
            }, model);

            return model;

       }});
}

演示JSFiddle.

Answer 2

使用映射插件，可以从多个来源进行映射。我认为你可以这样做

var viewModel = ko.mapping.fromJS(json);
viewModel = ko.mapping.fromJS(json, mapping, viewModel),

在第一次映射后，您的 Collection 中的每个 Price 都是可观察的。在第二次映射之后，您将拥有 Total 和 observable。

demo i jsfiddle