EMBER WORKSHOP: Actions simple example

Actions simple example

by jdcravens

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/tags/v1.9.0/ember.js"></script>
<script type="text/x-handlebars">
  <div class="container">
    <form {{action "submit" on="submit"}}>
      <div class="form-group">
        <label for='name'>Name</label>
        {{input class="form-control"}}
      </div>
      <button class="btn btn-primary btn-block" type="submit">Save</button>
    </form>
  </div>
</script>

JavaScript

App = Em.Application.create();

App.ApplicationRoute = Em.Route.extend({
  actions: {
    submit: function() {
      return alert("submitting form");
    }
  }
});