如何將子視圖添加到ContainerView

我遵循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」？
我將如何在索引文件中嵌套視圖？

謝謝。

來源

2012-03-10 Combustion007

我創建這表明了問題的答案這裏的jsfiddle：http://jsfiddle.net/6ksqd/1/

這是一個非常人爲的例子，但我希望這將有助於你得到了它的竅門。

來源

2012-03-11 03:08:41

盧克，我不能感謝你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

高興地看着它。你能指出我在哪裏找到示例代碼嗎？ – 2012-03-11 13:25:54

你好，盧克，欣賞它。它位於在線文檔「使用Ember.ContainerView手動管理視圖」的標題下。這裏是鏈接：http：//emberjs.com#views – Combustion007 2012-03-11 17:56:51

如何將子視圖添加到ContainerView

回答

相關問題