我现在一直在使用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"}
答案 0 :(得分:3)
我解决了这个问题!这是因为初始viewModel在被页面的视图模型对象实例化时,其Students属性为'null'。
knockout.js要求所有要自动映射的字段都使用非空值。