स्वचालित रूप से बेस व्यू

Question

से ईवेंट का विस्तार करें मेरे पास सभी विचारों के लिए बेस क्लास है और फिर ऐप के प्रत्येक अनुभाग में, प्रोफाइल की तरह, मेरे पास बेस क्लास भी है। इस तरह साझा टेम्पलेट्स और गुणों का उपयोग कई स्तरों पर मेरे ऐप में किया जा सकता है।

मुझे पता है कि यदि आप बैकबोन में ईवेंट प्रॉपर्टी को किसी ऑब्जेक्ट के बजाय फ़ंक्शन को देखते हैं, तो यह आपके लिए तत्काल हो जाएगा, मुझे यकीन नहीं है कि यह मेरे लाभ के लिए इसका उपयोग कैसे करें। मेरा सवाल यह है कि बेस व्यू में बनाए गए ईवेंट को स्वचालित रूप से विस्तारित करने का सबसे अच्छा तरीका क्या है।

मुझे एक संभावना पता है जहां मैं प्रारंभिक रूप से, बेस इवेंट क्लास लाता हूं और अपनी वर्तमान घटना को उस पर विस्तारित करता हूं, लेकिन यह थोड़ा हैकी लगता है, और मुझे प्रत्येक कोड पर इस कोड को डुप्लिकेट करना होगा। यदि आप एक बेहतर तरीका जानते हैं तो कृपया साझा करें।

धन्यवाद। रीढ़ 0.5.3 के रूप में यह केवल काम करता है:

var ParentView = Backbone.View.extend({ 

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

var ChildView = ParentView.extend({ 

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

नोट:

Answer 1

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

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

यह कुछ भी नहीं कर रहा है, लेकिन यह अब तक का सबसे आसान तरीका है।
मैं भी एक और रास्ते में एक सार बना लिया है मैं उपयोग कर रहे हैं: https://gist.github.com/1271041

Answer 2

यहाँ कैसे मैं अपने बच्चे को ध्यान में रखते जनक दृश्य की घटनाओं का विस्तार है। उस संस्करण से पहले, आप ईवेंट को फ़ंक्शन के रूप में परिभाषित नहीं कर सके।

Answer 3

मेरा मानना ​​है कि जॉनीओ का जवाब सबसे अच्छा है। हालांकि मैं इसे करने के दो अन्य तरीकों से आया और मैं उन्हें यहां पेस्ट कर दूंगा।

यह एक दयालुता है कि कोई "स्वचालित" समाधान नहीं है जिसके लिए प्रत्येक नए दृश्य में अतिरिक्त हाथ से लिखित कोड की आवश्यकता नहीं है, लेकिन यह वही है।

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

मुझे नहीं पता था कि आप अपने Backbone.view.extend में एक निर्माता विधि प्रदान कर सकता है। जानकार अच्छा लगा।

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

rulfzid तक - Sub Class a Backbone.View Sub Class & retain events

मैं पहले से ही कल्पना की थी (और गिरावट आई है) इस दृष्टिकोण लेकिन यह एक अपने आधार घटना कुछ और बुला ताकि "genericEvents किसी भी घटनाओं के ऊपर लिख नहीं है" का जोड़ा मोड़ है लेखक के रूप में कहते हैं। जब तक कि वह दोनों घटनाओं के किसी प्रकार के मंगिंग के बारे में बात नहीं कर रहा है, तो आप दोनों घटनाओं के ऑब्जेक्ट के अंदर गुजर रहे हैं, मुझे यकीन नहीं है कि वह किस बारे में बात कर रहा है, मैं केवल प्रोटो या माता-पिता की घटनाओं के संदर्भ में प्रोटोटाइप का उपयोग करता हूं। लेकिन फिर, जानना अच्छा है।