10

我遇到了 KnockoutJS 的映射插件的问题，我需要执行以下操作：

  1. 自定义对象的映射创建
  2. 从 #1 自定义嵌套对象数组的映射创建。

在这个小提琴示例中，我正在尝试让孩子正确映射到他们的自定义创建。预期的结果是每个孩子都有添加的描述属性。从小提琴，结果应该是：

  • 亚当·斯密
  • 鲍勃 5 岁
  • 克里斯今年 7 岁

我可以在这个小提琴示例中演示预期的行为。请注意，在这段代码中，我必须有两个数据集，第一个有一个空的子对象数组。以下代码行将导致子对象的自定义创建：

ko.mapping.fromJS(additionalData, parentMapping, viewModel);

不幸的是，这需要有空的初始孩子和两次映射。这是不可接受的，因为实际上代码的层次结构要深得多。

除了上述之外，我还尝试在 parentMapping 中添加以下代码：

var mapping = { 'ignore': ["children"] };
var innerModel = ko.mapping.fromJS(options.data, mapping);
//for brevity
innerModel.children = ko.mapping.fromJS(options.data.children, childMapping);

这具有将子对象映射到初始映射的效果。但是，children属性的所有后续映射都将被忽略。

有没有办法使用 Knockout Mapping 自定义父对象和子对象的创建？

谢谢你。

4

1 回答 1

18

http://jsfiddle.net/5cfa3/23/

var viewModel = {};

var data = {
  id: "1",
  firstName: 'Adam',
  lastName: "Smith",
  children: [ {id: "2", name: "Bob", age: 5}, {id: "3", name: "Chris", age: 7 }]
};

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

var mapping = {
  create:function(options){
    var parent = new Parent(options.data);
    parent.fullName = ko.computed(function(){
        return parent.firstName() + " " + parent.lastName();
    });
    return parent;
  },
  'children': {
     create: function(options) {
         options.data.description = ko.computed(function(){
             return options.data.name + " is " + options.data.age + " years old ";
         });
         return ko.mapping.fromJS(options.data);         
     }
   }
};

viewModel = ko.mapping.fromJS(data, mapping);

ko.applyBindings(viewModel);
于 2013-03-20T14:57:04.487 回答