twitter bootstrap - Ember.js action won't play nice with data-toggle=dropdown -
i have action takes entire row of table. if user clicks on action, linked next page. have data-toggle=dropdown toggles drop down.
my problem arises when try click data-toggle=dropdown , instead/before dropdown can toggle, linked next page. don't want this. want link-to action span across entire row, not conflict other buttons inside of row.
<tr {{action 'actionthatlinkstonextpage' this.someid bubbles=false}}> <td> <a data-toggle="dropdown" aria-expanded="false" class="btn btn-sm pull-right btn-sm-big-glyph dropdown-toggle "> <div class="glyphicon fa-lg glyphicon-remove fa-size " data-toggle="tooltip" data-placement="top" title="disabled" role="tooltip" > </div> </a> </td> <td> </td> </tr>
the problem when you're clicking dropdown toggle, event propagating dom tree table row. need stop bubbling before reaches tr
action isn't triggered. should work:
$('a[data-toggle=dropdown]').click(function(event) { event.stoppropagation(); });
Comments
Post a Comment