Ember.Mixin Class packages/ember-metal/lib/mixin.js:431

The Ember.Mixin class allows you to create mixins, whose properties can be added to other classes. For instance,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
App.Editable = Ember.Mixin.create({
  edit: function() {
    console.log('starting to edit');
    this.set('isEditing', true);
  },
  isEditing: false
});

// Mix mixins into classes by passing them as the first arguments to
// .extend.
App.CommentView = Ember.View.extend(App.Editable, {
  template: Ember.Handlebars.compile('{{#if view.isEditing}}...{{else}}...{{/if}}')
});

commentView = App.CommentView.create();
commentView.edit(); // outputs 'starting to edit'

Note that Mixins are created with Ember.Mixin.create, not Ember.Mixin.extend.

Note that mixins extend a constructor's prototype so arrays and object literals defined as properties will be shared amongst objects that implement the mixin. If you want to define a property in a mixin that is not shared, you can define it either as a computed property or have it be created on initialization of the object.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//filters array will be shared amongst any object implementing mixin
App.Filterable = Ember.Mixin.create({
  filters: Ember.A()
});

//filters will be a separate  array for every object implementing the mixin
App.Filterable = Ember.Mixin.create({
  filters: Ember.computed(function(){return Ember.A();})
});

//filters will be created as a separate array during the object's initialization
App.Filterable = Ember.Mixin.create({
  init: function() {
    this._super();
    this.set("filters", Ember.A());
  }
});
Show:

Methods

Show:

apply

(obj)

Parameters:

obj

Returns:

applied object

create

(arguments) static

Parameters:

arguments

detect

(obj) Boolean

Parameters:

obj

Returns:

Boolean

reopen

(arguments)

Parameters:

arguments