javascript - EmberJs input onkeypress event not sent to component -

javascript - EmberJs input onkeypress event not sent to component -

i using emberjs , want when user types key in search bar, action sent component. have read (http://emberjs.com/api/classes/ember.textsupport.html#property_onevent) should set onevent="keypress" in input doesn't work. currently, if type text, search() method not called, if press enter.

here template:

<div id="command-manager"> {{input type="search" action="search" onevent="keypress" placeholder="enter command here" maxlength="32"}} </div>

here component:

var commandmanagercomponent = ember.component.extend({ actions:{ search:function() { console.log('search'); } } });

as can see, pretty straightforward, don't know i'm doing wrong.

http://emberjs.com/guides/components/sending-actions-from-components-to-your-application/

in general, should think of component actions translating primitive event (like mouse click or element's pause event) actions have semantic meaning in application.

otherwise utilize view, ui transitions/effects.

now, utilize actions component need utilize sendaction().

example: http://emberjs.jsbin.com/wofom/1/edit

javascript ember.js