javascript - 敲除可观察数组设置选定值

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; 
    })); 
}