1

使用knockout.js 有一段时间了，之前没有遇到过这个问题。通常，当我尝试将新的 js 对象推送到 observableArray 时，它可以正常工作，但由于某种原因，这一次我收到了这个错误：

TypeError: self.Students.push is not a function

这是我的代码片段：

window.ApiClient = {
    ServiceUrl: "/api/students",

    Start: function () {
        var viewModel = ApiClient.ViewModel(ngon.ClientViewModel);
        ko.applyBindings(viewModel);                
        viewModel.get();
    }    
};

ApiClient.ViewModel = function(data) {
    var self = this;
    ko.mapping.fromJS(data, {}, this);    

    this.get = function (id) {
        if (id == undefined) {
            return ApiClient.Service.get(self.PageSize(), self.PageNumber(), function (data) {
                self.Students(data);
            });
        }
    }

    this.post = function () {        
        return ApiClient.Service.post(self.DetailedStudent, function (data) {                        
            self.Students.push(data);
        });
    }

    return this;
}

ApiClient.Service = function () {    
    var _get = function (pageSize, pageNumber, callback) {
        sv.shouldShowLoading = false;
        var queryParams = String.format("?pageSize={0}&pageNumber={1}", pageSize, pageNumber);        
        $.ajax(ApiClient.ServiceUrl + queryParams, {
            dataType: "json",
            type: "get",
            success: callback
        });
    }

    var _post = function (student, callback) {
        $.ajax(ApiClient.ServiceUrl, {
            data: ko.mapping.toJSON(student),
            type: "post",
            contentType: "application/json; charset-utf-8",
            statusCode: {
                201 /*Created*/: callback,
                400 /*BadRequest*/: function (jqxhr) {
                    var validationResult = $.parseJSON(jqxhr.responseText);
                    alert(jqxhr.responseText);
                }
            }
        });
    }

    return {        
        get: _get, 
        post: _post
    };
}();

$(document).ready(function () {    
    ApiClient.Start();      
});

我的学生对象是一个非常简单的 C# 对象，它具有 Id、FirstName、LastName。get() 函数没有任何问题，只是 post() 的回调函数无法推送结果数据。此外，从服务器返回的数据看起来是正确的：

{"Id":"rea","FirstName":"asdf","MiddleName":null,"LastName":"rrr"}
4

1 回答 1

3

我解决了这个！这是因为初始 viewModel 在被页面的视图模型对象实例化时，其 Student 属性为“null”。

knockout.js 要求所有要自动映射的字段的非空值。

于 2013-02-02T03:16:21.477 回答