CODEWITHSUNDEEP
jqueryember.js
Panagiotis Panagi
Panagiotis Panagi

Reputation: 10087

Get Ember View from jQuery object

I know how to construct a jQuery object from an Ember view which is in the DOM:

App.myView = Ember.View.extend({
  elementId: "my_view",

  didInsertElement: function(){
    console.log(this.$().attr('id'))  // outputs 'my_view'
  }
});


<!-- HTML output -->

<div id="my_view">
   <!--  ...   -->
</div>

How about doing the inverse. Given a jQuery object, how do I get the corresponding Ember View object.

function(selector){
   $el = $(selector);
   // ???
}

Upvotes: 9

Views: 6069

Answers (1)

Roy Daniels
Roy Daniels

Reputation: 6309

function getClosestEmberView($el) {
  var id = $el.closest('.ember-view').attr('id');
  if (!id) return;
  if (Ember.View.views.hasOwnProperty(id)) {
    return Ember.View.views[id];
  }
}

Upvotes: 28

Related Questions