Automatyczne przedłużanie zdarzenia z widoku podstawowego

Question

Mam klasę podstawową dla wszystkich widoków, a następnie w każdej sekcji aplikacji, podobnie jak profile, również mam klasę podstawową. W ten sposób udostępnione szablony i właściwości mogą być używane w całej mojej aplikacji na wielu poziomach.

Wiem, że jeśli uczynisz właściwość zdarzenia w widoku szkieletu funkcji zamiast literału obiektu, zostanie utworzona dla ciebie instancja, ale nie jestem pewien, jak wykorzystać to na swoją korzyść. Moje pytanie brzmi: jaki jest najlepszy sposób automatycznego przedłużania wydarzeń utworzonych w widoku podstawowym.

Znam jedną z możliwości, w której podczas inicjowania widoku pobieżę podstawową klasę zdarzeń i przedłużam na nią bieżące wydarzenie, ale wydaje mi się ona nieco zjadliwa i musiałbym ją skopiować w każdym widoku. Jeśli znasz lepszy sposób, udostępnij.

Dzięki.

Answer 1

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

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

To nic nie robi, ale to najprostszy sposób, jaki widziałem do tej pory.
Ja również stworzył istotę na innej drodze Używam: https://gist.github.com/1271041

Answer 2

Oto jak przedłużyć wydarzenia widoku nadrzędnego moim zdaniem dzieci:

var ParentView = Backbone.View.extend({ 

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

var ChildView = ParentView.extend({ 

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

Uwaga: To działa tylko jako szkieletu 0.5.3. Przed tą wersją nie można było zdefiniować zdarzeń jako funkcji.

Answer 3

Wierzę, że odpowiedź JohnnyO jest najlepsza. Jednak natrafiłem na dwa inne sposoby robienia tego i wkleję je tutaj.

Szkoda, że ​​nie ma "automatycznego" rozwiązania, które nie wymaga dodatkowego kodu napisanego ręcznie w każdym nowym widoku, ale takie właśnie jest.

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

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

ja nie wiedziałem, że można zapewnić konstruktora w Backbone.view.extend. Dobrze wiedzieć.

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

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

ja już sobie wyobrazić (i spadła) to podejście, ale ten ma dodatkowy skręt dzwoniąc do czegoś innego zdarzenia bazową tak, że „genericEvents nie nadpisać żadnych wydarzeń” jak mówi autor. Chyba że mówi o jakimś mungingu obu zdarzeń, które przechodzisz wewnątrz obiektu obu wydarzeń, nie jestem pewien, o czym mówi, po prostu użyłbym prototypu lub prototypu, by odwoływać się do wydarzeń nadrzędnych. Ale znowu, dobrze wiedzieć.