javascript - Ember: prevent link-to from firing when an action within it is clicked -

javascript - Ember: prevent link-to from firing when an action within it is clicked -

i have table want users navigate specific items when click row, row may contain other elements (such checkboxes) trigger actions not trigger navigation (think gmail).

my construction this:

{{#each player in controller}} {{#link-to "player" player.uid tagname="tr"}} <td> {{input action="select" type="checkbox" checked=selected bubbles=false}} </td> <td> {{player.name}} </td> ... {{/link-to}} {{/each}}

my problem despise bubbles=false (as indicated in spec), link-to fires , navigate route. ideas?

that works when attach action element, input helper doesn't back upwards action='foo' in manner. isn't beingness nail @ all.

http://emberjs.jsbin.com/lugatite/1/edit

you'll need roll you're own checkbox, or observe checked value in controller

app.mycheckbox = ember.checkbox.extend(ember.targetactionsupport, { target: ember.computed.alias('controller'), action: 'save', actioncontext: ember.computed.alias('context'), click: function(el) { this.triggeraction(); el.stoppropagation(); } });

http://jsbin.com/lugatite/5/edit

javascript ember.js