7

kendouiでWebアプリ開発を学んでいるのですが、kendo組み込みの編集ウィンドウではなくカスタマイズしたポップアップkendoWindowでグリッドデータを更新しようとしたところ、リモートサーバーへのリクエストの送り方がわからなかったので、このページの公式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

1

この質問に答えてくれた人たちに本当に感謝し、

質問でリンクした剣道ドキュメントの一番下から答えを見つけました。

  1. 新しい「dataSource」オブジェクトを作成し、その中で読み取りおよび更新トランスポートを定義します
  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 に答える