Backbone.js: access parent view from child view?

Question

In general, how to access parent view from a child view in Backbone?

Specifically, in Backgrid.js, is there a way to access parent row from a cell?

score 30 · Accepted Answer · answered Oct 16 '13 at 09:25

30

Pass this as an option to the child view on initialization step:

var ChildView = Backbone.View.extend({
  initialize : function (options) {
    this.parent = options.parent;
  }
});

// somewhere in the parent view ...
new ChildView({parent:this});

answered Oct 16 '13 at 09:25

Vitalii Petrychuk

14,035
8
51
55

2

How do you do it with a CompositeView and ItemView? – hakunin May 07 '15 at 20:11
@hakunin in Marionette you can do it in the same way. Just use proper view e.g. `Marionette.ItemView` instead of `Backbone.View` – Vitalii Petrychuk May 08 '15 at 07:20
Not the same way - you don't construct the child view yourself in case of CollectionView, so you have to use childViewOptions or something instead. Anyway, I found even passing via triggerMethod didn't require any extra effort so I use that. – hakunin May 08 '15 at 11:18
@hakunin sorry, but your question wasn't clear enough. – Vitalii Petrychuk May 08 '15 at 13:51
Can we access the parent view models? – vini Oct 24 '15 at 06:32

score -2 · Answer 2 · answered Feb 25 '14 at 16:42

-2

// You can use this code instead

var ChildView = Backbone.View.extend({
  initialize : function (options) {
    this._configure(options); // Set all the options as local variables
    // This is used in the Backbone.View code on the latest version

  }
});

answered Feb 25 '14 at 16:42

Karla

1

Don't see `_configure` anywhere in the Backbone source. I do see `_.extend(this, _.pick(options, viewOptions));` though. In this case, it would be used as follows: `_.extend(this, _.pick(options, ['parent']));` – Philip Ramirez Apr 27 '14 at 21:17

Backbone.js: access parent view from child view?

2 Answers2