Example of an Ember.js handler

gistfile1.js

App.handlers.employees = Ember.Object.create({

  add: function() {
    App.viewables.newEmployee.reset();
    App.viewables.employeeFormPane.set('adding', true);
  },

  cancel: function() {
    App.viewables.employeeFormPane.set('adding', false);
  },

  create: function() {
    var employee = App.viewables.newEmployee,
        title = employee.get('title'),
        firstName = employee.get('firstName'),
        lastName = employee.get('lastName'),
        kind = employee.get('kind');
    if ($('form#add_employee').valid()) {
      App.storables.employees.create({
        title: title,
        firstName: firstName,
        lastName, lastName,
        kind: kind.value
      });
      employee.reset();
      App.viewables.employeeFormPane.set('adding', false);
    }
  },

  openDetails: function(event) {
    var viewable = event.context.content;
    viewable.set('detailsShowing', true);
  },

  closeDetails: function(event) {
    var viewable = event.context.content;
    viewable.set('detailsShowing', false);
  }

});