0

「saveWine」メソッドの「app.wineList.create(this.model)」が何なのか理解できません。それはどのように機能しますか？私は backbone.js を初めて使用します。これを理解するのを手伝ってください。this.model.save() を認識しています。

実際、ここでいくつかのコードを削除しました。私の問題があったコードを投稿しただけです。

ありがとう。

    // Models
    window.Wine = Backbone.Model.extend({
        urlRoot:"../api/wines",
        defaults:{
            "id":null,
            "name":"",
            "grapes":"",
            "country":"USA",
            "region":"California",
            "year":"",
            "description":"",
            "picture":""
        }
    });

    window.WineCollection = Backbone.Collection.extend({
        model:Wine,
        url:"../api/wines"
    });


    // Views


    window.WineView = Backbone.View.extend({

        template:_.template($('#tpl-wine-details').html()),

        initialize:function () {
            this.model.bind("change", this.render, this); // (event, function, context)
        },

        render:function (eventName) {
            $(this.el).html(this.template(this.model.toJSON()));
            return this;
        },

        events:{

            "click .save":"saveWine"

        },


        saveWine:function () {
            this.model.set({
                name:$('#name').val(),
                grapes:$('#grapes').val(),
                country:$('#country').val(),
                region:$('#region').val(),
                year:$('#year').val(),
                description:$('#description').val()
            });
            if (this.model.isNew()) {
                app.wineList.create(this.model);
            } else {
                this.model.save();
            }
            return false;
        }


    });



    // Router
    var AppRouter = Backbone.Router.extend({

        routes:{
            "":"list",
            "wines/:id":"wineDetails"
        },

        initialize:function () {
            $('#header').html(new HeaderView().render().el);
        },

        list:function () {
            this.wineList = new WineCollection();
            this.wineListView = new WineListView({model:this.wineList});
            this.wineList.fetch();
            $('#sidebar').html(this.wineListView.render().el);
        },

        wineDetails:function (id) {
            this.wine = this.wineList.get(id);
            if (app.wineView) app.wineView.close();
            this.wineView = new WineView({model:this.wine});
            $('#content').html(this.wineView.render().el);
        }

    });

    var app = new AppRouter();
    Backbone.history.start();
4

1 に答える 1

1

バックボーンのドキュメントで説明されているように：

コレクション内でモデルの新しいインスタンスを作成する便利さ。属性のハッシュを使用してモデルをインスタンス化し、モデルをサーバーに保存し、正常に作成された後にモデルをセットに追加することと同等です。

したがって、ワインリスト コレクションにモデルを追加し、サーバーに保存します。

于 2012-06-27T11:22:38.660 に答える