Как получить доступ к нокаут-наблюдаемым из разных областей объектов

Question

Моя модель данных состоит из двух объектов; проекта и задачи. загружаю мои данные из БД с помощью JSON и MVC-сервисов и карта мои observableArrays как это:

viewModel = function() { 
    var self = this; 

    // some code... 

    // projects 
    self.Projects = ko.observableArray(); 
    var mappedProjects = []; 
    $.ajax({ 
     url: "myService/GetProjectsByUserId", 
     data: "userID=" + meID, 
     dataType: 'json', 
     async: false, 
     success: function (allData) { 
      mappedProjects = $.map(allData, function (item) { 
       return new Project(item); 
      }); 
     } 
    }); 
    self.Projects(mappedProjects); 

    // tasks 
    self.Tasks = ko.observableArray(); 
    var mappedTasks = []; 
    $.ajax({ 
     url: "myService/GetTasksByUserID", 
     data: "userid=" + meID, 
     dataType: 'json', 
     async: false, 
     success: function (allData) { 
      mappedTasks = $.map(allData, function (item) { 
       return new Task(item, self.Projects); // is there a smarter way to access self.Projects from the Scene prototype? 
       //return new Task(item); 
      }); 
     } 
    }); 
    self.Tasks(mappedTasks); 


    //some more code... 

}; 

где

Project = function (data) { 
    this.projectID = data.projectID; 
    this.type = ko.observable(data.type); 
}; 


Task = function (data, projects) { 

    this.taskID = data.taskID; 
    this.projectID = data.projectID; 

    //this.projecttype = ??? simpler solution? 

    this.projecttype = ko.computed(function() { // Is there a simpler way to access 'viewModel.Projects' from within 'Task'? 
     var project = ko.utils.arrayFirst(projects, function (p) { 
      return p.projectID === self.projectID; 
     }); 
     if (!project) { 
      return null; 
     } 
     else { 
      return project.headerType(); 
     } 
    }); 

}; 

Дело в том (как вы видите) Я хочу, чтобы получить доступ к projectType внутри объекта Task. Есть ли более простой способ сделать это, чем создать экземпляр объекта с помощью self.Projects как вход?

Может ли self.Projects быть связанным, если он определен каким-то образом, чтобы я мог получить к нему доступ через DOM?

Answer 1

Из ваших комментариев, похоже, что у вас есть несколько моделей в зависимости от Task и Project объектов. Для развязки между компонентами, я бы сказал, чтобы использовать плагин ko.postbox. Вы можете легко синхронизировать между режимами просмотра и не-нокаутными компонентами, используя расширения publishOn и subscribeTo.

Так что ваш Task объект подписаться на ProjectsobservableArray в ViewModel как

Task = function (data) { 

    this.taskID = data.taskID; 
    this.projectID = data.projectID; 
    var projects = ko.observableArray().subscribeTo("projectsLoaded",true); 

    //this.projecttype = ??? simpler solution? 

    this.projecttype = ko.computed(function() { // Is there a simpler way to access 'viewModel.Projects' from within 'Task'? 
     var project = ko.utils.arrayFirst(projects(), function (p) { 
      return p.projectID === self.projectID; 
     }); 
     if (!project) { 
      return null; 
     } 
     else { 
      return project.headerType(); 
     } 
    }); 

}; 

и в вашем ViewModel, вы просто должны сделать проекты наблюдаемым массив публиковать «projectsLoaded» тема/событие. Как

viewModel = function() { 
    var self = this; 
    // some code... 
    // projects 
    self.Projects = ko.observableArray().publishOn("projectsLoaded"); 
    // .... 
} 

Всякий раз, когда projects изменения массива в ViewModel, вы всегда будете иметь последнее значение в Task project массива.

JsFiddle: http://jsfiddle.net/newuserjs/wffug341/3/