Tự động mở rộng sự kiện từ chế độ xem cơ sở

Question

Tôi có một lớp cơ sở cho tất cả các chế độ xem và sau đó trong mỗi phần của ứng dụng, như tiểu sử, tôi cũng có một lớp cơ sở. Bằng cách đó, các mẫu và thuộc tính được chia sẻ có thể được sử dụng trong suốt ứng dụng của tôi ở nhiều cấp độ.

Tôi biết rằng nếu bạn tạo thuộc tính sự kiện trong khung nhìn Backbone một hàm thay vì một đối tượng theo nghĩa đen, nó sẽ được khởi tạo cho bạn, tôi không chắc chắn làm thế nào để sử dụng điều này để lợi thế của tôi. Câu hỏi của tôi là, cách tốt nhất để tự động mở rộng các sự kiện được tạo trong chế độ xem cơ sở là gì.

Tôi biết một khả năng mà tôi, khi khởi tạo chế độ xem, tìm lớp sự kiện cơ sở và mở rộng sự kiện hiện tại của tôi, nhưng có vẻ như một chút hacky và tôi sẽ phải sao chép mã này trên mỗi chế độ xem. Nếu bạn biết cách tốt hơn, hãy chia sẻ.

Cảm ơn.

Answer 1

var ParentView = Backbone.View.extend({ 
    'events': { 
     'click .parent-something': "onParentSomethingClick" 
    } 
}); 

var ChildView = ParentView.extend({ 
    'events': _.extend({ 
     'click .something': 'onSomethingClick', 
    }, ParentView.prototype.events) 
}); 

Nó không làm gì cả, nhưng đó là cách đơn giản nhất mà tôi đã thấy cho đến nay.
Tôi cũng đã tạo ra một ý chính theo cách khác mà tôi đã sử dụng: https://gist.github.com/1271041

Answer 2

Đây là cách tôi mở rộng các sự kiện quan điểm của cha mẹ theo quan điểm của con tôi:

var ParentView = Backbone.View.extend({ 

     events: { 
      'click .link': 'onLinkClick' 
     } 
}); 

var ChildView = ParentView.extend({ 

     events: function(){ 
      return _.extend({ 
       'click .something': 'onSomethingClick', 
      }, this.constructor.__super__.events); 
     } 
}); 

Lưu ý: đây chỉ hoạt động như của Backbone 0.5.3. Trước phiên bản đó, bạn không thể xác định sự kiện là một hàm.

Answer 3

Tôi tin câu trả lời của JohnnyO là tốt nhất. Tuy nhiên tôi đã gặp hai cách khác để thực hiện nó và tôi sẽ dán chúng vào đây.

Thật đáng tiếc là không có giải pháp "tự động" không yêu cầu mã viết tay bổ sung trong mỗi chế độ xem mới, nhưng nó là gì.

ChildView = ParentView.extend({ 
    name: 'ChildView', 
    events: { 
    }, 
    constructor: function(){ 
     this.events = _.extend({}, ParentView.prototype.events, this.events); 
     console.debug(this.events); 
     ParentView.prototype.constructor.apply(this, arguments); 
    }, 
    someFunc: function(){ 
     console.debug('someFunc; this.name=%s', this.name); 
    } 
}); 

By Paul - backbone.js view inheritence. `this` resolution in parent

Tôi không biết bạn có thể cung cấp một phương thức khởi tạo trong Backbone.view.extend của bạn. Tốt để biết.

var GenericView = Backbone.View.extend({ 

    genericEvents: { 'click .close': 'close' }, 

    close: function() { console.log('closing view...'); } 

}); 

var ImplView = GenericView.extend({ 

    events: { 'click .submit': 'submit' }, 

    initialize: function(options) { 
    // done like this so that genericEvents don't overwrite any events 
    // we've defined here (in case they share the same key) 
    this.events = _.extend(this.genericEvents, this.events); 
    this.delegateEvents() 
    } 
}); 

By rulfzid - Sub Class a Backbone.View Sub Class & retain events

tôi đã mường tượng (và từ chối) phương pháp này nhưng điều này có xoắn thêm gọi cơ sở sự kiện gì đó của bạn khác để "genericEvents không ghi đè lên bất kỳ sự kiện" như tác giả nói. Trừ khi anh ta đang nói về một số sự kiện của cả hai sự kiện bạn đang đi vào bên trong của cả hai sự kiện, tôi không chắc anh ấy đang nói về cái gì, tôi chỉ sử dụng proto hoặc nguyên mẫu để tham khảo các sự kiện của cha mẹ. Nhưng một lần nữa, tốt để biết.