How to use {{action}} in dynamically loaded element in Handlebars.js?

Question

I am new to Handlebars.js, ember.js and currently in learning phase. I have created one table in which i am loading data dynamically. Also, I have added two columns for edit and delete action in table dynamically. Now, for each row there is one edit and one delete button available. Here is the code for the edit button which I added in table dynamically,

<button type='button' id='modaledit' class='btn btn-primary btn-mini' {{action 'showmodal1'}}>Edit</button>

But when I click the Edit button nothing is happening, I have created response for {{action 'showmodal1'}} in controller but it is not executing.

When I tried to use jQuery's .live() function in the view (in didInsertElement), it is showing the following error :

Uncaught TypeError: Object [object Object] has no method 'live'

Can anyone help me to solve this issue?

Answer 1

I don't really know for what you wanted to use jQuery's .live() function, but here is a simple example of how the action fired from a view, correctly invokes the respective method in the corresponding controller: http://jsbin.com/ewenuj/2/edit

Hope it helps.