7

现在我正在学习使用 kendoui 开发 Web 应用程序，当我尝试使用自定义弹出 kendoWindow 而不是 kendo 内置编辑窗口更新网格数据时，我不知道如何将请求发送到远程服务器，所以我尝试在此页面的官方api文档中找到答案，但是出现了一个新问题，显示为以下代码：

<script>
    var dataSource = new kendo.data.DataSource({
        transport: {
            read  : function (options) {
                /* implementation omitted for brevity */
            },
            update: function (options) {
                // make JSONP request to http://demos.kendoui.com/service/products/update

                $.ajax({
                    url     : "http://demos.kendoui.com/service/products/update",
                    dataType: "jsonp", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
                    // send the updated data items as the "models" service parameter encoded in JSON
                    data    : {
                        models: kendo.stringify(options.data.models)
                    },
                    success : function (result) {
                        // notify the data source that the request succeeded

                        options.success(result);
                    },
                    error   : function (result) {
                        // notify the data source that the request failed
                        options.error(result);
                    }
                });
            }
        },
        batch    : true,
        schema   : {
            model: { id: "ProductID" }
        }
    });

    dataSource.fetch(function () {
        var product = dataSource.at(0);
        product.set("UnitPrice", 20);
        dataSource.sync(); makes request to http://demos.kendoui.com/service/products/update
    });
</script>

这是一个示例，用于说明如何将 update 指定为向远程服务发出 HTTP 请求的函数

我的问题是传递给读取和更新函数的参数“选项”是什么。我发现的唯一线索是 transport.parametermap 函数的参数，但我不确定它们之间有什么关系，所以希望有人为我解释一下

4

2 回答 2

5

options 参数是您已经发现的。KendoUI 让您为它的数据源类的数据访问方法指定一个函数而不是一些配置。

如果您指定一个函数，kendoUI 怎么会知道您何时完成加载数据？它不能。所以有这个选项变量传递给你的函数（实际上，它可以有每个名称，例如 dfhajkfhd），你可以调用它让 kendoUI 知道你的进度。为此，它具有您可以调用的成功和错误方法。

您从 kendo-docs 中复制的评论正是如此。

或者你有什么不同的问题？

于 2013-04-18T06:41:16.667 回答
1

真的很感谢那些回答了这个问题并尝试

我从问题中链接的 kendo-docs 底部找到了答案。

  1. 创建了一个新的“数据源”对象并在其中定义了读取和更新传输
  2. 当 dataSource 准备好时，使用 dataSource 的 'get' 方法来获取我需要通过 id 更新的数据项。
  3. 更新数据使用'set'方法并通过'sync'方法提交

最后一步是将数据同步到数据库下面是我使用的代码

var updateDataSource = new kendo.data.DataSource({
    type: "odata",
    transport: {
        read: {
            url: "/api/odata/PEMEP/TaskInformations/?"
        },
        update: {
            url: "/api/odata/PEMEP/TaskInformations/?",
            type: "PUT",
            dataType: "json",
        },
    },
    schema: {
        model: {
            id: "_id"
        }
    },
    sync: function() { // close edit window when update request finished

        $("#window").data("kendoWindow").close();
    },
    error: function(e) {
        console.log(e.status);
    }
});
updateDataSource.fetch(function() {

    var task = updateDataSource.get(id); // get dataitem by id

    task.set("status", status); // set new values
    task.set("retreatReason", retreatReason);

    updateDataSource.sync(); //submit the change 
});
于 2013-04-18T08:16:14.237 回答