выбиваемый наблюдаемый массив устанавливает выбранное значение

Question

Я пытаюсь заполнить поле «Выбрать», используя опцию привязки данных для выбивки, для списка значений и установить одно из значений как «выбранное» по умолчанию.

Есть два запроса к серверу,

1. Получить список значений (dataRepository.GetLifelines)
2. Установите одно из значений, выбранных из списка. (DataRepository.GetMockSelectedLifeline)

Первое требование выполнено. привязка данных к выбору работает нормально со значением «Выбрано».

У меня проблема с установкой по умолчанию «Выбранное значение» в списке . Может кто-нибудь, пожалуйста, помогите мне. метод this.selectValue . Он пытается установить selectedLifeline на соответствующее «Имя».

    function LifelineViewModel() {
    this.lifelines = ko.observableArray([{}]);
    this.selectedLifeline = ko.observable();

    this.updateData = function (data) {
        var boundUpdate = bind(function (value) {
            this.lifelines.push(value);
        }, this);

        $.each(data, function (index, item) {
            boundUpdate(item);
        });
        dataRepository.GetMockSelectedLifeline(bind(this.selectValue, this));
    }

    this.selectValue = function (data) {
        this.selectedLifeline = ko.utils.arrayFirst(this.lifelines, function (lifeline) {
            return lifeline.Name === data.Name;
        });
    }
}

LifelineViewModel.prototype.Init = function () {
    var boundUpdateData = bind(this.updateData, this);
    dataRepository.GetLifelines(boundUpdateData);
}

var bind = function (func, thisValue) {
    return function () {
        return func.apply(thisValue, arguments);
    }
}

Answer 1

Поскольку selectedLifeline является наблюдаемым, вы не устанавливаете его значение правильно

Не могли бы вы попробовать это. Вместо:

this.selectValue = function (data) { 
    this.selectedLifeline = ko.utils.arrayFirst(this.lifelines, function (lifeline) { 
        return lifeline.Name === data.Name; 
    }); 
} 

.. что-то вроде ...

this.selectValue = function (data) { 
    this.selectedLifeline(ko.utils.arrayFirst(this.lifelines, function (lifeline) { 
        return lifeline.Name === data.Name; 
    })); 
}