this._id is not accessible to controller. How to get the id?

[ccfiel]

I have this in my dashboard.html

      {{#each todos}}
        <li class="list-group-item">
            {{ task }}
            <button class="delete"> Delete</button>
        </li>
      {{/each}}

and in the controller dashboard.js I have this

    DashboardController.events({
      'click .delete': function () {
        Meteor.call('ToDos.delete',this._id);
      }
    });

In a simple boilerplate I can access the id of the collection in the event using this._id but with this setup it has a null value. Any ideas how to get the id of the collection todo in the controller?

[ovidb]

I think the problem is with your code, you should have something like this:

   {{#each todos}}
         {{> task }}
   {{/each}}

then have a template like this one:

  <template name="task">
      <button class="delete"></button>
  </template>

Then you could reference the task by id from inside the template like this:

   Template.task.events({
      "click .delete": function () {
         Meteor.call("ToDos.delete", this._id);
      },
   });

[ramstein74]

You are suggesting to add events to the template. That is a winner answer.

The problem is that when you forget Template.x.events and use Controller.events
the _id is not available.

How do we access the _id inside a controller.event ?

[ovidb]

You should read more about RouteController and you should be more aware of your context.

Anyways, try something along these lines:

  {{#each todos}}
    <li class="list-group-item">
        {{ task }}
        <button id={{_id}} class="delete"> Delete</button>
    </li>
  {{/each}}

and this in your controller (notice the event, and template parameters. ):

  DashboardController.events({
    'click .delete': function (event, template) {
       Meteor.call("ToDos.delete", event.currentTarget.id);
    }
  });

I'll have to point out that this isn't the quite optimal but maybe you can figure out a cleverer way of doing it.