淘汰赛在视图模型中创建数组

Question

另一个淘汰赛问题。

我有一个需要服务器分页的页面。我想通过淘汰赛来实现这一目标。

我使用映射插件创建了一个视图模型并添加了许多功能。

        var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model, new Newtonsoft.Json.Converters.IsoDateTimeConverter()))';
        myViewModel = ko.mapping.fromJSON(jsonModel, {}, new ViewModel());
        ko.applyBindings(myViewModel);

我首先实现了一个计算的 observable。但这给出了一个错误，因为“requestData”没有被初始化。因此，更新后的变体带有 'if (typeof self.requestData != 'undefined')'

function ViewModel() {
var self = this;
//---- Return PageNumbers
self.Paging = ko.computed(function () {
    if (typeof self.requestData != 'undefined') {
        if (self.requestData.settings.pageNumber() <= 5) {
            return ko.utils.range(1, 11);
        }
        if (self.requestData.settings.pageNumber() + 5 > self.requestData.settings.nbrOfPages()) {
            return ko.utils.range(self.requestData.settings.nbrOfPages() - 11, self.requestData.settings.nbrOfPages());
        }
        return ko.utils.range(self.requestData.settings.pageNumber() - 5, self.requestData.settings.pageNumber() + 5);
    };
    return ko.utils.range(1, 11);
});

当我调用 ajaxrequest 时应该更新数组：

self.changePage = function(pageNumber) {
    self.Paging = ko.utils.range(pageNumber -1 > 0 ?)
    myViewModel.requestData.settings.pageNumber = pageNumber;
    $.ajax({
        type: "post",
        contentType: "application/json",
        url: "../Refund/FilterPageSortingChange",
        data: ko.toJSON(self.requestData),
        error: function (xhr, status, error) {
            baseShowError("Server Error", "Error changing page");
        },
        success: function (response) {
            var receivedResponse = JSON.parse(response);
            if (receivedResponse.Success) {
                ko.mapping.fromJS(receivedResponse.Result, {}, self);
            } else {
                baseShowError("Page not found", receivedResponse.message);
            }
        }
    });
};

接收新数据时如何更新分页数组？

问候

更新：除了我的代码之外，创建一个与 pageNumber 无关的可观察数组的最佳/最简单的选择是什么？

Answer 1

您的 pageNumber 是可观察的，但是当您像这样分配它时：

myViewModel.requestData.settings.pageNumber = pageNumber;

你已经删除了 observable 并用一个简单的值替换它。你应该这样分配它：

myViewModel.requestData.settings.pageNumber(pageNumber);