knockout.js - 在 ui 中计算的绑定 ko

Question

请帮忙。我有一个绑定到 tbody 的计算的 observable itemsOnCurrentPage。计算出的 observable 使用搜索函数进行更新。但我的 ui 仍然显示相同的数据。它不显示 itemsOnCurrentPage 的更新内容。

 var listofcases = ko.observableArray();

    var itemsOnCurrentPage = ko.computed(function () {
        var startIndex = pageSize * currentPageIndex();
        console.log(listofcases.slice(startIndex, startIndex + pageSize));
        return listofcases.slice(startIndex, startIndex + pageSize);
    }, this);

    function SearchCases(username, role, st, ed, ss) {

        $.getJSON('/breeze/Workflow/ListOfCases?UserId=' + username +
                                                '&Role=' + role +
                                                '&RouteId=Annotate&_st=' + st +
                                                '&_ed=' + ed +
                                                '&_ss=' + ss,
                  function (cases) {
                      if (cases.length != 0) {
                          $.each(cases, function (index, _case) {
                              listofcases.push(new CaseDataViewModel(_case));
                          });
                          itemsOnCurrentPage(listofcases());

                      }
                      else {
                          console.log("dddd");
                          listofcases.push(new CaseDataViewModel(_case));
                      }
                  });
    }

Answer 1

您不应该从SearchCases函数调用计算。淘汰赛在listofcases更新时自动重新计算计算。删除以下行：

itemsOnCurrentPage(listofcases());

Answer 2

正如 Artem 所说，您不应该在任何地方设置计算。删除这一行：

itemsOnCurrentPage(listofcases());

您也不需要修改计算，因此不需要将其传递给计算，我怀疑这可能会导致问题。尝试用这个替换你的计算：

var itemsOnCurrentPage = ko.computed(function () {
        var startIndex = pageSize * currentPageIndex();
        console.log(listofcases().slice(startIndex, startIndex + pageSize));
        return listofcases().slice(startIndex, startIndex + pageSize);
    });