javascript - KnockoutJs 参数化 dependentObservable 数组

Question

我有一个 viewModel 和一个从服务器更新的 observableArray ，然后我需要能够定义动态数量的 div 来过滤那个 可观察数组。

这是一个 scrum 板示例，所以假设您从服务器收到一组故事。并将其添加到 viewModel.stories() observableArray。

我想为可观察数组中每个故事的属性的各种不同值设置模板绑定(bind)过滤器。

如此给定

item.BoardState 为“积压”或“进行中”

我想要一个可以参数化的依赖可观察对象，以仅显示“进行中”

的故事

    self.filterInProgress = ko.dependentObservable(function (filterParameter) {
    return ko.utils.arrayFilter(self.stories(), function (item) {
        console.log("Current Filter = " + filterParameter + "--- Current BoardState = " + item.BoardState);
        return ((item.BoardState === filterParameter));
    });
});

不幸的是，它说它不起作用。非常感谢任何建议。

Answer 1

您始终可以将过滤器移出到一个单独的函数中，并为每个 filterType 创建一个 dependentObservable:

function filterStories(stories, filterParameter) {
    return ko.utils.arrayFilter(stories, function (item) {
        console.log("Current Filter = " + filterParameter + "--- Current BoardState = " + item.BoardState);
        return ((item.BoardState === filterParameter));
    });
}

self.filterInProgress = ko.dependentObservale(function() {
    return filterStories(self.stories(), "InProgress");
});

self.filterBacklog = ko.dependentObservale(function() {
    return filterStories(self.stories(), "Backlog");
});