2

トランスポートメソッド(作成、読み取り、更新、破棄)とスキーマ定義を使用して剣道データソースを定義しました。

$(document).ready(function() {
        var viewModel = kendo.observable({
            dsMedication: new kendo.data.DataSource({
                type: "json",
                serverFiltering: true,
                serverPaging: true,
                pageSize: 6,
                error: function(e) {
                    //alert(e.responseText);
                    //var error_obj = $.parseJSON(e.responseText);
                    //if (error_obj.Message != null) {
                    //alert(error_obj.Message);
                    //}
                },
                transport: {
                    read: {
                        contentType: "application/json; charset=utf-8",
                        type: "POST",
                        url: "../Services/svcMedication.asmx/SearchMedication",
                        dataType: "json",
                        cache: false
                    },
                    update: {
                        contentType: "application/json; charset=utf-8",
                        type: "POST",
                        url: "../Services/svcMedication.asmx/SaveMedication",
                        dataType: "json",
                        cache: false
                    },
                    destroy: {
                        url: "../Services/svcMedication.asmx/DeleteMedication",
                        type: "DELETE",
                        dataType: "json",
                        cache: false
                    },
                    create: {
                        contentType: "application/json; charset=utf-8",
                        type: "POST",
                        url: "../Services/svcMedication.asmx/SaveMedication",
                        cache: false
                    },
                    parameterMap: function(options, operation) {
                        if (operation !== "read" && options.models) {
                            return kendo.stringify({ models: options.models });
                        }
                        options.MedicationParam = $('#acMedications').val();
                        return kendo.stringify(options);
                    }
                },
                batch: true,
                schema: {
                    data: "d",
                    model: {
                        id: "MedicationId",
                        fields: {
                            MedicationId: {
                                type: "number",
                                editable: false // this field is not editable
                            },
                            Name: {
                                type: "text",
                                validation: { // validation rules
                                    required: true // the field is required
                                }
                            }
                        }
                    }
                }
            }),
            SelectedMedication: null,
            HasChanges: false,
            save: function() {
                //if (this.SelectedMedication == null) {
                    //this.dsMedication.add({ MedicationId: this.get("MedicationId"), Name: this.get("Name") });
                //}
                this.dsMedication.sync();
                this.set("HasChanges", false);
            },

            remove: function() {
                if (confirm("Are you sure you want to delete this record?")) {
                    this.dsMedication.remove(this.SelectedMedication);
                    this.set("SelectedMedication", this.dsMedication.view()[0]);
                    this.change();
                }
            },
            showForm: function() {
                return this.get("SelectedMedication") !== null;
            },
            change: function() {
                this.set("HasChanges", true);
            }
        });

        kendo.bind($("#fmMedication"), viewModel);
    });

私のフォーム要素には、フォーム要素に適切なデータバインド属性が含まれており、フォームを渡してkendo.bindを呼び出しています。目標は、フォームがレコードの追加編集の両方に使用されることです。

アイテムを検索して変更すると、すべてが魅力のように機能します。

私の問題は:

データソースに新しいレコードを追加するためのフォームを初期化するコードを作成する方法がわかりません。

私はこれに関する例やリソースをどこでも見つけることができませんでした!!

どんな助けでもいただければ幸いです!ありがとう!

4

1 に答える 1

1

基本的に、モデルを明示的に定義していないため、モデルのインスタンスを簡単に作成することはできません。したがって、ここのようにモデルを個別に宣言した場合、インスタンスの作成は少し簡単になり、おそらく次に何をすべきかがわかります。

あなたの場合、次のようにモデルのインスタンスを作成できます。

var newRecord = new viewModel.dsMedication.reader.model();

新しいレコードを取得したら、addメソッドまたはinsertメソッドのいずれかを介してデータソースに簡単に追加できます(どちらもドキュメントで説明されています)。

最後に、レコードをローカルに追加したら(画面ですぐに変更を確認できるはずです)、dataSourceのsyncメソッドを呼び出して、これらの新しいレコードを送信してサーバーに保存できます。トランスポートの作成オプションは次のようになります。使用済み。

于 2013-02-25T18:06:16.907 に答える