KendoUI Grid - MVVM Bindings - object Object]没有方法'isNew'

时间:2013-09-25 07:49:08

标签: mvvm grid kendo-ui

我有一个KendoUI网格,我正在使用MVVM绑定。我还有一个UI,用户可以在其中输入数据并选择添加按钮。按下添加按钮后,新数据将添加到模型中。网格设置为自动同步。

我遇到的问题是,一旦添加了新项目,我就会收到错误“[object Object]没有方法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是一个来自服务器的空数组。奇怪的是,如果我实际上向服务器添加一个条目然后一切正常,我可以添加新项目而不会出现问题。有任何想法吗?我猜这与我添加新项目的方式有关。

1 个答案:

答案 0 :(得分:1)

尝试更改您的创建以实际返回新创建的记录。 e.g。

create: function(e) {
        var item = e.data;
        item.Id = data.length + 1;
        e.success(item);
    }

这是一个与你的非常相似的实例。

http://jsbin.com/iDeloNo/1/edit