4

モデルといくつかのテンプレートをロードするバックボーン ビューがあります。編集テンプレートでフォームを送信すると、バックボーンは正常に PUT リクエストを送信します。成功したら、ユーザーをビュー テンプレートに戻します。

ただし、編集ルートに再度移動してフォームを送信すると、バックボーンは2 つのPUT 要求を送信します。次に、ビュー テンプレートを取得します。編集ルートに 3 回移動すると、バックボーンは3 つのPUT 要求を送信します。フォームを送信するたびに、PUT リクエストの数が増加し続けます。それはなぜでしょうか?

これが私の見解です:

// Filename views/users/edit.js
/*global define:false */

define([
    'jquery',
    'underscore',
    'backbone',
    'models/user/UserModel',
    'text!templates/users/edit.html',
], function($, _, Backbone, UserModel, UserTemplate) {

    var UserEdit = Backbone.View.extend({
        el: '#page',
        render: function (options) {

            var that = this;

            if (options.id) {
                // modify existing user
                var user = new UserModel({id: options.id});
                user.fetch({
                    success: function (user) {
                        var template = _.template(UserTemplate, {user: user});
                        that.$el.animate({opacity: 0}, 180, function() {
                            that.$el.html(template).animate({opacity: 1}, 180);
                        });
                    }
                });
            } else {
                // create new user
                var template = _.template(UserTemplate, {user: null});
                that.$el.animate({opacity: 0}, 180, function() {
                    that.$el.html(template).animate({opacity: 1}, 180);
                });
            }

        },
        events: {
            'submit #create-user-form': 'createUser'
        },
        createUser: function (e) {
            var postData = $(e.currentTarget).serializeObject();
            var user = new UserModel();
            user.save(postData, {
            success: function (user, response) {
                Backbone.history.navigate('#/users/view/' + response, {trigger: true, replace: true});
                }
            });
            return false;
        }
    });

    return UserEdit;

});
4

1 に答える 1

8

私の場合、undelegateEvents()成功のコールバックでビューを呼び出すことで修正できました。

createUser: function (e) {
    var postData = $(e.currentTarget).serializeObject(),
            user = new UserModel(),
            that = this;

    user.save(postData, {
        success: function (user, response) {
            that.undelegateEvents();
            Backbone.history.navigate('#/users/view/' + response, {trigger: true});
        }
    });

    return false;
}

ありがとう、@dbf。

于 2013-07-08T12:38:30.713 に答える