通过原型访问viewModel函数

Question

我正在尝试为我的viewModels创建一个通用容器，因此常见的方法可以应用于各种对象，而不需要特定的知识或视图模型。容器和包含的对象应该是这样的：

var containedViewModel = function() { 
    var self = this; 
    self.id = ko.observable(); 
    ... 
    self.doSomething = function() { 
    alert('here'); 
    }; 

} 

var ContainerModel = function(cRoot, cModel, cName) { 
    var self = this; 

    self.rootModel = cRoot;      // Root view model 
    self.viewName = cName;      // viewModel container name 
    self.refModel = cModel;      // viewModel reference 
    self.viewModel = ko.observable();    // Single view model 
    self.viewModels = ko.observableArray();  // Array of view models 

    self.init = function(rootModel) { 
    self.viewModel = new self.refModel(); 
    } 
    self.doSomething = function() { 
    self.rootModel.doSomeThing(); // This works 
    self.refModel.doSomeThing();  // This does not work 
    self.viewModel.doSomeThing(); // This does not work as well 
    } 

}

和容器将通过类似的调用创建：

var ParnentModel = function() { 
    var self = this; 
    self.id = ko.observable(); 
    ... 
    self.container = new ContainerModel(self, containedViewModel, 'modelName'); 
    ... 
    self.doSomething = function() { 
    alert('here'); 
    }; 
}; 

在这个例子中rootModel功能接入工作正常，因为实际的viewmodel被创建并传递给容器。使用'new self.refModel（）'和'self.rootModel.doSomeThing（）'似乎按预期工作。当我尝试使用'self.viewModel.doSomeThing（）;'淘汰赛抱怨说这不是一项功能。

是否有可能通过引用viewModel来访问viewModels函数。

任何帮助，将不胜感激。

Answer 1

你几乎没有。在代码中看到我的评论。

var containedViewModel = function() { 
    var self = this; 
    self.id = ko.observable(); 
    self.doSomething = function() { 
    alert('contained'); 
    }; 
    // I would prefer to have return self here 
}; 

var ContainerModel = function(cRoot, cModel, cName) { 
    var self = this; 

    self.rootModel = cRoot;      // Root view model 
    self.viewName = cName;      // viewModel container name 
    self.refModel = cModel;      // viewModel reference 
    self.viewModel = ko.observable();    // Single view model 
    self.viewModels = ko.observableArray();  // Array of view models 

    self.init = function(rootModel) { 
    // you meant this, right? 
    self.viewModel(new self.refModel()); 
    }; 
    self.doSomething = function() { 
    self.rootModel.doSomething(); // This works 
    //self.refModel.doSomeThing();  // This does not work 
    // need to unwrap the value, fixed typo 
    self.viewModel().doSomething(); // This does not work as well 
    }; 
}; 

var ParnentModel = function() { 
    var self = this; 
    self.id = ko.observable(); 
    self.container = new ContainerModel(self, containedViewModel, 'modelName'); 
    // missing call to init 
    self.container.init(); 
    self.doSomething = function() { 
     alert('parent'); 
    }; 
}; 

// execution 
var p = new ParnentModel(); 
p.container.doSomething(); 

http://jsbin.com/arezew/1/edit

Answer 2

我想传递给ContainerModel这样，当您应该创建包含的模型实例：

self.container = new ContainerModel(self, new containedViewModel, 'modelName');