उल्का टेम्पलेट घटनाओं, घटना के कारण वस्तु कैसे प्राप्त करें?

Question

मैं कुछ करने के लिए इसी तरह के कोड है निम्नलिखित:

myapp.js

Template.problem.events = { 
'click .problem-text' : function() { 

     var user_id = Session.get('user_id'); 

     // how to get problem_id of clicked item? 
     Router.gotoProblem(user_id, problem_id);  
    } 
}; 

इस स्थिति में में myapp.html

<template name="problems"> 
    <div class="problems"> 
     {{#each problems}} 
      {{> problem}} 
    {{/each}} 
    </div> 
</template 

<template name="problem"> 
    <div class="problem"> 
     <div class="problem-text" id={{_id}}>{{text}}</div> 
    </div> 
</template> 

मुझे लगता है कि मेल नहीं खाते की आईडी प्राप्त करना चाहते हैं .problem-text और क्लिक किया गया था।

मैं "ऑब्जेक्ट" को जानना चाहता हूं जो घटना उत्पन्न करता है? मैं यह कैसे करु?

Answer 1

इस प्रयास करें:

Template.problem.events = { 
'click .problem-text' : function() { 

     var user_id = Session.get('user_id'); 

     // how to get problem_id of clicked item? 
     Router.gotoProblem(user_id, this._id);  
    } 
}; 

Answer 2

आप इस संदर्भ के साथ समस्या यह वस्तु का उपयोग कर सकते हैं:

Template.problem.events = { 
    /** 
    * Handles problem text click. 
    * @param {jQuery.Event} event 
    */ 
    'click .problem-text' : function (event) { 
     /* 
     Here this is a reference to the problem object 
     and you have jQuery.Event object as the event argument. 
     */ 
     console.log(this, arguments); 

     var user_id = Session.get('user_id'); 
     var problem = this; 

     // how to get problem_id of clicked item? 
     Router.gotoProblem(user_id, /** problem_id */problem._id); 
    } 
    }; 

Answer 3

इस प्रश्न के लिए चयनित जवाब केवल _id मिल जाएगा, और वह भी अगर _id टेम्पलेट्स में प्रयोग किया जाता है।

तो बेहतर उपयोग करें, event.target, जो पूर्ण ऑब्जेक्ट देगा। तो इसका उपयोग jQuery या MooTools के साथ किया जा सकता है।

Template.top_nav.events({ 
'mousedown, .nav li a': function(evt){ 
    console.log('the class of object that was clicked is ' + $(evt.target).attr("class")); 
} 
})