Get Ember View from jQuery object
Question
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);
// ???
}
Solution
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];
}
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow