Hủy hoặc xóa chế độ xem trong Backbone.js

Tôi hiện đang cố gắng triển khai phương pháp hủy / xóa cho các chế độ xem nhưng tôi không thể tìm được một giải pháp chung nào hoạt động cho tất cả các chế độ xem của mình.

Tôi đã hy vọng sẽ có một sự kiện để gắn vào bộ điều khiển, để khi một yêu cầu mới đến, nó sẽ phá hủy các chế độ xem trước đó sau đó tải các chế độ xem mới.

Có cách nào để làm điều này mà không cần phải xây dựng hàm loại bỏ cho mỗi chế độ xem không?

Nếu không biết tất cả thông tin ... Bạn có thể liên kết trình kích hoạt đặt lại với mô hình hoặc bộ điều khiển của mình:

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

và khi bạn muốn đặt lại các chế độ xem, hãy kích hoạt đặt lại.

Đối với cuộc gọi lại của bạn, hãy làm điều gì đó như:

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

Tôi phải hoàn toàn chắc chắn rằng chế độ xem không chỉ bị xóa khỏi DOM mà còn hoàn toàn không bị ràng buộc khỏi các sự kiện.

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);

}

Tôi thấy có vẻ quá mức cần thiết, nhưng các cách tiếp cận khác không hoàn toàn làm được điều đó.

Tôi biết tôi đến muộn bữa tiệc, nhưng hy vọng điều này sẽ hữu ích cho người khác. Nếu bạn đang sử dụng backbone v0.9.9 +, bạn có thể sử dụng listenTovàstopListening

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

stopListeningđược gọi tự động bởi remove. Bạn có thể đọc thêm ở đây và đây

Đây là những gì tôi đã được sử dụng. Chưa thấy có vấn đề gì.

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

Theo tài liệu Backbone hiện tại ...

view.remove ()

Xóa một chế độ xem và el của nó khỏi DOM và gọi stopListening để xóa mọi sự kiện ràng buộc mà chế độ xem đó có listeningTo'd.

Tôi nghĩ rằng điều này sẽ làm việc

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

Bạn có thể sử dụng cách để giải quyết vấn đề!

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();
    })
}

Một cách khác ： Tạo một biến toàn cục, như sau:_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]);
}