2012-03-10 168 views
1

我遵循EmberJS联机文档,并且不确定如何将子视图添加到父视图或嵌套子视图。我下载了Ember启动文件夹并使用这些文件。我可以查看“MainView”。到目前为止,这一切都很有意义,但是当我尝试关注视图和子视图的在线文档时,我无法获得子视图。如何将子视图添加到ContainerView

我当前的代码:

window.App = Em.Application.create(); 

App.MainView = Em.View.extend({ 
classNames: ['mainView'] 
}); 

这是索引文件的代码:下面列出

<script type="text/x-handlebars"> 
{{#view App.MainView}} 
    <h1>Hello world!</h1> 
{{/view}} 
</script> 

代码是什么导致我的困惑。

我试着插入下面的代码,看看是否有任何东西会弹出到屏幕上,但我相信我接近它错了。任何帮助,将高度赞赏。

var container = Ember.ContainerView.create(); 
container.append(); 

var coolView = App.CoolView.create(), 
childViews = container.get('childViews'); 

childViews.pushObject(coolView); 
  • 我怎么能推可以说“containerView”现在有“coolView”小时候我的“的MainView”?
  • 我将如何在索引文件中嵌套视图?

谢谢。

回答

8

我创建这表明了问题的答案这里的jsfiddle:http://jsfiddle.net/6ksqd/1/

这是一个非常人为的例子,但我希望这将有助于你得到了它的窍门。

+0

卢克,我不能感谢你enuff的帮助。是的,你的脚本可以工作,但是如果你能用Ember的在线代码示例|||帮助我,我将非常感激var container = Ember.ContainerView.create(); container.append(); var coolView = App.CoolView.create(), childViews = container.get('childViews'); childViews.pushObject(coolView); – Combustion007 2012-03-11 08:03:03

+0

高兴地看着它。你能指出我在哪里找到示例代码吗? – 2012-03-11 13:25:54

+0

你好,卢克,欣赏它。它位于在线文档“使用Ember.ContainerView手动管理视图”的标题下。这里是链接:http://emberjs.com#views – Combustion007 2012-03-11 17:56:51