knockout.js observableArray不被识别为函数

时间:2013-02-02 03:07:55

标签: javascript ajax knockout.js

我现在一直在使用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"}

1 个答案:

答案 0 :(得分:3)

我解决了这个问题!这是因为初始viewModel在被页面的视图模型对象实例化时,其Students属性为'null'。

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