添加动作以输入ember textarea输入助手

时间:2016-01-25 10:24:57

标签: ember.js ember-cli

我在我的textarea中使用了addon ember-autoresize来调整我的textarea。

{{textarea type="text" placeholder="Comment" value=comment_text autofocus="autofocus" rows=1 max-rows=4 autoresize=true 
      enter="commentSave"}}

我想在用户按下回车键时触发操作。但是当我按下回车键时它会移动到下一行。如果在textarea中按下回车键,我怎么调用动作。

1 个答案:

答案 0 :(得分:3)

创建名为custom-textarea的组件。

components/custom-textarea.js中的

export default Ember.TextArea.extend({
  didRender() {
    this.$().keypress(function(event) {
      if (event.keyCode == 13) {
        event.preventDefault();
      }
    });
  }
});

在模板中,使用custom-textarea代替textarea

{{custom-textarea type="text" placeholder="Comment" value=comment_text autofocus="autofocus" rows=1 max-rows=4 autoresize=true 
      enter="commentSave"}}

请参阅WORKING DEMO

防止从this answer获取默认行为的方法。