Backbone.js ईवेंट बाध्यकारी

Question

मैं बैकबोन.जेएस का उपयोग कर रहा हूं प्रत्येक मॉडल के दृश्य के लिए एक सेगमेंट नियंत्रण-प्रकार UI तत्व है। वे प्रत्येक कुछ तत्वों के साथ उल से बने होते हैं। मैं एक घटना को बांधना चाहता हूं कि जब इन तत्वों में से एक क्लिक किया गया है, तो मैं निर्धारित कर सकता हूं कि कौन सा एक क्लिक किया गया है और उचित मूल्य के साथ मॉडल को अपडेट करें।

समस्या यह है कि बैकबोन घटनाओं को बांधता है (ये दृश्यों की घटनाओं में हैश) जैसे कि "यह" कॉलबैक फ़ंक्शन में "तत्व" को संदर्भित करता है, न कि ली तत्व। इसका मतलब है कि मैं यह निर्धारित नहीं कर सकता कि कई ली तत्वों पर क्लिक किया गया है। अगर मैंने सामान्य jQuery बाध्यकारी का उपयोग किया है, तो मैं "तत्व" को ली तत्वों से जोड़ सकता हूं, लेकिन तब मेरे पास मॉडल का ट्रैक नहीं है, इसलिए मैं इसे अपडेट नहीं कर सकता।

Answer 1

जो सुविधाजनक होने के लिए this स्थापित करने की jQuery के आदत समय में है एक बहुत बुरा पैटर्न, मेरी राय में - सौभाग्य से, आप उस पर भरोसा करने के लिए की आवश्यकता नहीं है:

onClick: function(e) { 
    this;    // Still the view instance (as it should be). 
    e.target;   // The element that was clicked. 
    e.currentTarget;  // The element that was bound by the click event. 
} 

आप ... इवेंट ऑब्जेक्ट के target या currentTarget का उपयोग कर सकते हैं।

Answer 2

पता नहीं लगा सकता कि मैं उपरोक्त @ jashkenas उत्तर पर क्यों टिप्पणी नहीं कर सकता। उनकी विधि सही है (धन्यवाद!) लेकिन मैंने सोचा कि मैं स्थिति को स्पष्ट कर दूंगा: आपके ईवेंट हैंडलर में, आप उस तत्व को पुनर्प्राप्त कर सकते हैं जिस पर ईवेंट बाध्य था। नमूना रीढ़ कोड इस तरह दिखेगा:

MyView = Backbone.View.extend({ 
    events: { 
     'click .item': 'handleClick' 
    }, 

    handleClick: function(e) { 
     this; // The view instance 
     e.target; // The element that was clicked 
     e.currentTarget; // The element that was bound by the click event 
    } 
}); 

मैं अपने प्रपत्र फ़ील्ड्स के सभी में सेटअप डिफ़ॉल्ट पाठ के लिए इसका उपयोग ... हाँ मैं अभी तक एचटीएमएल 5 में ज्यादा नहीं कर रहा हूँ :)

संपादित करें: बीटीडब्ल्यू, e.target कच्चा तत्व है। JQuery पहुंच प्राप्त करने के लिए आपको $ (e.target) का उपयोग करना होगा।