javascript - Cancel action in Ember TextView with escape key

How can I make Ember trigger a controller action when the user presses the escape key in an input field?

Given the following application code:

App = Ember.Application.create();

App.IndexRoute = Ember.Route.extend({
  model: function () {
    return {foo: "bar"};
  }
});

App.IndexController = Ember.ObjectController.extend({
  actions: {
    done: function () {
      console.log("done");
    },
    cancel: function () {
      console.log("cancel");
    }
  }
});

And the following HTML:

<body>
  <script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="index">
    {{input value=foo action="done" cancel="cancel"}}
  </script>
</body>

I would expect the cancel action in the controller to be triggered, but what I get is an error: Property 'cancel' of object [object Object] is not a function.

Here's a JSBin with the above code to illustrate. How can I make this work?

How can I make Ember trigger a controller action when the user presses the escape key in an input field?

Given the following application code:

App = Ember.Application.create();

App.IndexRoute = Ember.Route.extend({
  model: function () {
    return {foo: "bar"};
  }
});

App.IndexController = Ember.ObjectController.extend({
  actions: {
    done: function () {
      console.log("done");
    },
    cancel: function () {
      console.log("cancel");
    }
  }
});

And the following HTML:

<body>
  <script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="index">
    {{input value=foo action="done" cancel="cancel"}}
  </script>
</body>

I would expect the cancel action in the controller to be triggered, but what I get is an error: Property 'cancel' of object [object Object] is not a function.

Here's a JSBin with the above code to illustrate. How can I make this work?

Share Improve this question asked Nov 12, 2013 at 10:05 Martin Solli 4303 silver badges8 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 11

It's not very documented, but seeing the code... https://github./emberjs/ember.js/blob/v1.1.2/packages/ember-handlebars/lib/controls/text_support.js#L106-L117

You should define you handlebars like this

{{input value=foo enter='done' escape-press='cancel'}}

JsBin http://jsbin./ObucELO/1/edit

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Cancel action in Ember TextView with escape key - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)