Метеорные события шаблонов, как получить объект, вызвавший событие?

У меня есть код, похожий на следующий:

В 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>

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

В этой ситуации я хочу получить идентификатор совпадающего .problem-text и щелкнуть.

Я хотел бы знать "объект", который сгенерировал событие? Как мне это сделать?

Ответ 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);    
    }
};

Ответ 2

Выбранный ответ для этого вопроса ТОЛЬКО получит _id, и это тоже, если _id используется в шаблонах.

Поэтому лучше использовать event.target, что даст объект COMPLETE. Таким образом, это можно использовать с 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"));
 }
})

Ответ 3

Вы можете обратиться к объекту проблемы с помощью this:

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