Olayı otomatik olarak temel görünümden genişletme

Question

Tüm görünümler için bir temel sınıfım var ve uygulamanın her bölümünde profiller gibi bir temel sınıfım da var. Bu şekilde paylaşılan şablonlar ve özellikler, uygulamamın genelinde birçok düzeyde kullanılabilir.

Olay özelliğini bir Backbone görünümünde bir nesne değişmezi yerine bir işlev olarak yaparsanız, sizin için örneklendirileceğini biliyorum, ancak bu avantajı nasıl kullanacağımı bilmiyorum. Sorum şu; temel görünümde oluşturulan etkinlikleri otomatik olarak genişletmenin en iyi yolu nedir?

Temel olay sınıfını getirdiğim, temel olay sınıfını getirdiğim ve o andaki etkinliğimi ona genişletdiğim bir ihtimal biliyorum, ancak biraz rahatsız edici görünüyor ve bu kodu her görünümde çoğaltmak zorundayım. Daha iyi bir yol biliyorsanız, lütfen paylaşın.

Teşekkürler.

var ParentView = Backbone.View.extend({ 

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

var ChildView = ParentView.extend({ 

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

Not: Bu sadece eser Backbone 0.5.3 itibariyle Çocuğumun görünümünde ana görünümün olayları uzatmak nasıl İşte

Answer 1

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

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

Hiçbir şey yapmıyor, ancak şimdiye kadar gördüğüm en basit yol. https://gist.github.com/1271041

Answer 2

bu. Bu sürümden önce, etkinlikleri bir işlev olarak tanımlayamadınız.

Answer 3

Bence JohnnyO'nun cevabı en iyisidir. Ancak bunu yapmanın iki farklı yolunu buldum ve onları buraya yapıştırırım.

Her yeni görünümde ek elle yazılmış kod gerektirmeyen “otomatik” bir çözüm bulunmadığı için üzücü bir durumdur, ancak ne olduğu budur. Paul tarafından

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

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

Ben size Backbone.view.extend bir yapıcı yöntemini sağlayabilir bilmiyordum. Bilmek güzel. rulfzid By

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

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

Zaten öngörülen (ve reddedildi) bu yaklaşımı ama bu bir "genericEvents herhangi Olayların üzerine değil" böylece başka Baz olay şey çağıran ilave bir bükülme vardır vardı yazarın dediği gibi. Her iki etkinlik nesnesinin içinden geçtiğiniz her iki olaydan bahsetmedikçe, ne konuştuğundan emin değilim, ebeveyn olaylarına referans vermek için proto veya prototip kullanıyorum. Ama yine de, bilmek güzel.