我在检测ember v2.3.0中的按键时遇到了问题。我开始用烬,我试着写简单的组件,显示按键。但是,我遇到了运行操作问题并带有参数。 基本上我可以在didRender中使用this.$().on("keypress",function(){ ... });
来获得keyCode,但我认为在Ember中这不是一个好习惯。有人可以帮助我吗?请。 :)在Ember.js v2中检测按键+
这里是我的代码: http://emberjs.jsbin.com/vucenomibo/edit?html,js,output
HTML:
<script type="text/x-handlebars" data-template-name="application">
<h2>Welcome to Ember.js</h2>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
{{my-component item=this setAction="smth"}}
</script>
<script type="text/x-handlebars" data-template-name="components/my-component">
<div class="app-body" {{action "smth"}} >
Pressed: {{pressedKeyCode}}
</div>
</script>
JS:
App = Em.Application.create();
App.IndexController = Em.Controller.extend({
actions : {
}
});
App.MyComponentComponent = Em.Component.extend({
didRender: function() {
console.log(this.get('context'));
console.log(this.get('item'));
return this.$().attr({ tabindex: 1 }), this.$().focus();
},
pressedKeyCode: null,
actions:{
smth: function(e) {
console.log('aaa');
this.send('displayKey', String.fromCharCode(e.keyCode));
},
displayKey: function(keyCode) {
this.get('item').set('pressedKeyCode', keyCode);
}
}
});
编辑
我做了这样的: http://emberjs.jsbin.com/qipeponiqu/1/edit?html,js,output
有人可以检讨它吗?我想学习最佳实践。 :)
你可以做'{{action ... parameters ... on =“keypress”}}' – nem035
@nem找到了一个错误,但我仍然不知道如何将按键事件传递给组件的动作。你可以看看它,请:) http://emberjs.jsbin.com/fipiwaqasu/edit?html,js输出 – Callen
嗨,在你的代码中你有'setAction =“updateKey”'但似乎没有做什么与它? – locks