Как установить вид ребенка элемент из существующего элемента в DOM

Question

Предположим, что у меня есть следующие DOM:

<div id="container"> 
    <div id="created-by-other-tools">I want this to be my child</div> 
</div> 

ДИВ «контейнер» происходит от Ember.ContainerView:

container = Ember.ContainerView.create { 
     elementId: 'container' 
} 

ДИВ «сотворены по-других-инструментов» происходит от другого яваскрипта кода, который имеет ничего TODO с Эмбер:

newDiv = document.createElement('div') 
container.appendChild(newDiv) 

можно ли связать это newDiv с дочерним видом моего контейнера? Я хочу что-то вроде этого:

child = Ember.View.create() 
Ember.set(child,'element',newDiv) 

Моя идея - обработать событие newDiv с моим дочерним видом.

Answer 1

Я создал пример использования KinectJS с ember.js см http://jsfiddle.net/pangratz666/e6Dfh/

Ember.View.create({ 
    didInsertElement: function() { 
     var id = this.get('elementId'); 
     var stage = new Kinetic.Stage({ 
      container: id, 
      width: 578, 
      height: 200 
     }); 

     var layer = new Kinetic.Layer(); 
     ... 
    } 
}).append(); 

Также смотрите на этом блоге: http://blog.sproutcore.com/using-raphael-js-with-sproutcore-2-0/. Все жестко написано для SproutCore 2.0, это может вам помочь.