我有一个与 MVVM 绑定一起使用的 KendoUI 网格。我还有一个用户界面,用户可以在其中输入数据并选择添加按钮。按下添加按钮后,新数据将添加到模型中。网格设置为自动同步。
我遇到的问题是,一旦添加了新项目,我就会收到错误“[object Object] has no method isNew”
我的网格如下:
$("#objJoinGrid").kendoGrid({
dataSource: {
transport: {
create: function (operation) {
operation.success();
},
update: function (operation) {
operation.success();
},
destroy: function (operation) {
operation.success();
},
read: function (operation) {
operation.success(datasetMetaModel.joinList.ObjectList);
}
},
schema: {
model: {
id: "JOIN_OBJECT_ID",
fields: {
JOIN_OBJECT_ID: { type: "number" },
JOIN_OBJECT_NAME: { type: "string" }
}
}
},
autoSync: true
},
height: 220,
columns: [
{ field: "JOIN_OBJECT_ID", width: "130px" },
{ field: "JOIN_OBJECT_NAME", width: "130px" }
]
});
然后我将我的模型绑定到网格:
datasetMetaModel = kendo.observable({
joinList: datasetModel.JoinStructure,
});
kendo.bind($("#areaDiv"), datasetMetaModel);
在添加按钮的点击事件中:
$("#addDataset").bind("click", function () {
var dropdownlistPO = $("#objectListing").data("kendoDropDownList");
datasetMetaModel.joinList.ObjectList.push({
JOIN_OBJECT_ID: dropdownlistPO.value(),
JOIN_OBJECT_NAME: dropdownlistPO.text()
});
});
在这个实例中 datasetModel.JoinStructure 是一个来自服务器的空数组。奇怪的是,如果我实际上向服务器添加了一个条目,那么一切正常,我可以毫无问题地添加新项目。有任何想法吗?我猜这与我添加新项目的方式有关。