knockout.js - 计算的 observableArray 不更新 UI

Question

我有一个主要的 ko.observableArray，我从它创建了三个计算的可观察数组，并将这三个数组绑定(bind)到 UI。代码是

self.ActiveVisitsList = ko.observableArray();

self.FVL = ko.computed(function () {
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return o.CsrID == 0;
    });
}, self);

self.MVL = ko.computed(function () {
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return o.CsrID == self.Me().ID;
    });
}, self);

self.OVL = ko.computed(function ()
{
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return (o.CsrID != self.Me().ID && o.CsrID != 0);
    });
}, self);

一段时间后，主 observableArray“ActiveVisitorsList”中的一个对象，其 CsrID 从 0 变为其他值，但绑定(bind)的 UI 不反射(reflect)。有什么方法可以手动将 UI 与模型或其他东西重新绑定(bind)以使其正常工作？

谢谢，阿迪尔。

Answer 1

如果你定义CsrID为observable knockout会自动更新UI。在此你必须修改你的计算:

self.FVL = ko.computed(function () {
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return o.CsrID() == 0;
    });
}, self);

self.MVL = ko.computed(function () {
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return o.CsrID() == self.Me().ID;
    });
}, self);

self.OVL = ko.computed(function ()
{
    return ko.utils.arrayFilter(self.ActiveVisitsList(), function (o) {
        return (o.CsrID() != self.Me().ID && o.CsrID != 0);
    });
}, self);