ember.js - 如何从 DOM 中的现有元素设置 subview 元素

Question

假设我有以下 DOM:

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

div“容器”来自 Ember.ContainerView :

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

div“created-by-other-tools”来自另一个与 Ember 无关的 JavaScript 代码:

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

是否可以将此 newDiv 与我的容器的 subview 链接？我想要这样的东西:

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

我的想法是用我的 subview 处理 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 编写的，但它可能会对您有所帮助。