将Kendo网格数据发送到Web API方法

时间:2017-08-28 14:43:14

标签: javascript kendo-ui asp.net-web-api2 kendo-grid

我有一个Kendo UI Grid,它是从远程API填充的。

当我点击用户界面上的“保存更改”按钮时,我希望它将数据模型传递给API。

但是,在我的更新语句中的代码中,我收到“ JavaScript运行时错误:预期';'”错误。 但是,我无法看到导致此错误的原因。

知道我在这里缺少什么,以便我可以将网格数据传递给API吗?

var crudServiceBaseUrl = apiurl + "calendar/",
    dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: crudServiceBaseUrl + "/GetCalendars",
                dataType: "json" // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
            },
            update: function (myData) {
                            $.ajax({
                                url: crudServiceBaseUrl + "/UpdateCalendar",
                                dataType: "json",
                                contentType: "application/json",
                                type: "POST",
                                data: {
                                    models: JSON.stringify(myData.data.models)                                     
                                }
                            });
            },
            destroy: {
                url: crudServiceBaseUrl + "/Products/Destroy",
                dataType: "jsonp"
            },
            create: {
                url: crudServiceBaseUrl + "/Products/Create",
                dataType: "jsonp"
            },
            parameterMap: function (options, operation) {
                if (operation !== "read" && options.models) {
                    return { models: kendo.stringify(options.models) };
                }
            }
        },
        batch: true,
        //pageSize: 20,
        schema: {
            model: {
                id: "CalendarName",
                fields: {
                    CalendarName: { editable: true, nullable: false },
                    Monday: { type: "boolean" },
                    Tuesday: { type: "boolean" },
                    Wednesday: { type: "boolean" },
                    Thursday: { type: "boolean" },
                    Friday: { type: "boolean" },
                    Saturday: { type: "boolean" },
                    Sunday: { type: "boolean" }
                }
            }
        }
    });

1 个答案:

答案 0 :(得分:1)

您在数据对象上缺少右括号:

data: {
    models: JSON.stringify(myData.data.models)
}

希望您能添加所有内容。