Знищити або видалити вигляд у Backbone.js

На даний момент я намагаюся застосувати метод знищення / видалення для подань, але я не можу отримати загальне рішення, яке би працювало для всіх моїх поглядів.

Я сподівався, що буде подія, яку можна приєднати до контролера, так що коли надходить новий запит, він руйнує попередні подання, а потім завантажує нові.

Чи є спосіб зробити це, не будуючи функції видалення для кожного подання?

Не знаючи всієї інформації ... Ви можете прив’язати тригер скидання до своєї моделі або контролера:

this.bind("reset", this.updateView);

а коли потрібно скинути подання, запустіть скидання.

Для зворотного дзвінка зробіть щось на зразок:

updateView: function() {
  view.remove();
  view.render();
};

Я повинен був бути абсолютно впевненим, що подання було не просто видалено з DOM, а й абсолютно не пов’язане з подіями.

destroy_view: function() {

    // COMPLETELY UNBIND THE VIEW
    this.undelegateEvents();

    this.$el.removeData().unbind(); 

    // Remove view from DOM
    this.remove();  
    Backbone.View.prototype.remove.call(this);

}

Мені здавалося надмірним, але інші підходи не повністю зробили трюк.

Я знаю, що запізнився на вечірку, але, сподіваюся, це буде корисно комусь іншому. Якщо ви використовуєте магістраль v0.9.9 +, ви можете використовувати listenToіstopListening

initialize: function () {
    this.listenTo(this.model, 'change', this.render);
    this.listenTo(this.model, 'destroy', this.remove);
}

stopListeningвикликається автоматично remove. Детальніше ви можете прочитати тут і тут

Це те, що я використовував. Не бачив жодних проблем.

destroy: function(){
  this.remove();
  this.unbind();
}

Відповідно до поточної документації Backbone ....

view.remove ()

Видаляє представлення та його el з DOM і викликає stopListening, щоб видалити всі пов'язані події, які подання має listeTo'd.

Я думаю, це має спрацювати

destroyView : function () {
    this.$el.remove();
}

Ви можете використати спосіб вирішення проблеми!

initialize:function(){
    this.trigger('remove-compnents-cart');
    var _this = this;
    Backbone.View.prototype.on('remove-compnents-cart',function(){
        //Backbone.View.prototype.remove;
        Backbone.View.prototype.off();
        _this.undelegateEvents();
    })
}

Інший спосіб: Створіть глобальну змінну, наприклад:_global.routerList

initialize:function(){
    this.routerName = 'home';
    _global.routerList.push(this);
}
/*remove it in memory*/
for (var i=0;i<_global.routerList.length;i++){
    Backbone.View.prototype.remove.call(_global.routerList[i]);
}