Отображение нокаутов: почему применяется привязка к ясным значениям из моих вложенных объектов?

Question

У меня есть модель KO с множеством вложенных объектов и коллекций вложенных объектов. Я использую параметры сопоставления ko.mappings, чтобы убедиться, что они правильно созданы во время создания модели, но значение очищается. Попытка начать с простого выпадающего меню и связывания объектов к нему:

<select id="myList" name="SelectedSurvey" id="SelectedSurvey" class="form-control" 
data-bind="options: AvailableSurveys, optionsText: 'Name', value: SelectedSurvey, 
optionsCaption: '-- Select Survey --'"></select> 

Затем, возьмите некоторые данные, при создании нового объекта на странице, он отлично работает, но при попытке изменить существующую запись из на той же странице выпадающее значение никогда не выбирается. Когда я проверяю viewModel.SelectedSurvey() the value is undefined, but it only becomes undefined after I call applyBindings() `. Почему это происходит? Как я могу это исправить?

Вот рабочий пример: http://jsfiddle.net/6wLcr52y/3/

Если открыть консоль и запустить его, вы увидите журнал до applyBindings() называется полной ViewModel, а вложенная объект SelectedSurvey() правильно komapping объекты, которые имеют значения , но затем после его вызова. SelectedSurvey() становится неопределенным, и поэтому мой раскрывающийся список никогда не имеет выбранного значения.

Answer 1

Параметр SelectedValue, похоже, не хочет принимать объект в качестве допустимого значения. Поэтому он очищает SelectedValue наблюдаемый, как только вы применяете привязки, думая, что не было предоставлено действительного значения.

В качестве обходного решения я создал решение, которое использует параметр optionsValue, чтобы принять свойство Id в качестве значения. Это позволит вам контролировать контроль над тем, какой опрос выбран, передавая просто значение «Id», а не весь объект Survey.

Для этого вам необходимо обновить версию нокаута до 3.4.0. Вы заблокированы для использования 2.2.1 по какой-либо причине?

Я также обновил ваш jsfiddle, чтобы включить более читаемую реализацию плагина сопоставления. Надеемся, что это будет исправить вашу проблему:

var ViewModel = function(data) { 
    var self = this; 
    self.AvailableSurveys = ko.mapping.fromJS(data.AvailableSurveys); 
    self.SelectedId = ko.observable(data.SelectedSurvey.Id); 
    self.SelectedSurvey = ko.pureComputed(function() { 
     for (i = 0; i < self.AvailableSurveys().length; i++) { 
      if (self.AvailableSurveys()[i].Id() === self.SelectedId()) { 
       return self.AvailableSurveys()[i]; 
      } 
     } 
    }) 
} 

Fiddle:http://jsfiddle.net/dw1284/v1L5tw6h/3/