1

我有一个看起来像这样的淘汰视图模型：

var TagViewModel = function (allPrincipals) {
    var self = this;

    self.name = ko.observable(tagName);

    var principalMapping = {
        create: function(options) {
            return {
                label: options.data.name,
                key: options.data.type + '___|' + options.data.name,
                icon: options.data.type == "User" ? "img/misc/user20.png" : "img/misc/group20.png"
            };
        },
        key: function(data) {
            return data.key;
        }
    };

    self.allPrincipals = ko.mapping.fromJS(allPrincipals, principalMapping);
}

allPrincipals看起来像这样：

var allPrincipals = [{name: "Alex" type: "User"}, {name: "John", type: "User"}, {name: "Staff", type: "Group}]

因此，当创建 viewModel 时，我们有类似的东西：

var vm = new TagViewModel(allPrincipals);

这工作正常。

但是，在视图模型中，我需要能够将新项目推送到 allPrincipals 可观察数组（由映射插件创建）

最好的方法是什么？

因此，例如，视图模型上有一个函数：

self.addPrincipal = function(prinipal){
    //allPrincipals.push(?)
}
4

1 回答 1

1

你可以定义一个类来创建Principal对象：

function Principal(data){
   var self = this;

   self.label = data.name;
   self.key = data.type + '___|' + data.name;
   self.icon = data.type == "User" ? "img/misc/user20.png" : "img/misc/group20.png";
}

然后在映射选项和addPrincipal函数中使用它：

var principalMapping = {
    create: function(options) {
        return new Principal(options.data);
    },
    key: function(data) {
        return data.key;
    }
};

self.addPrincipal = function(prinipal){
    self.allPrincipals.push(new Principal(prinipal));
}
于 2012-12-04T13:14:19.217 回答