Javascript 带Sencha 5.0的vbox布局

我是GUI的完全新手，现在正在用Sencha框架来解决这个问题。我已经安装了Sencha 5.0并查看了几个示例

Belwo代码来自如何使用vbox布局的在线示例，我无法让它工作，我看到一个空白屏幕

Ext.application({
 //   requires: ['Ext.container.Viewport'],
    name: 'AY',
    appFolder: 'app',
    launch: function() {
    Ext.create('Ext.Container', {
            fullscreen: true,
            layout:{
               type: 'vbox'
            } ,
            items: [{
                html: 'Top item',
                style: 'background-color: #5E99CC;',
                flex: 1
            }, {
                html: 'Center item',
                height: 100
            }, {
                html: 'Bottom item',
                style: 'background-color: #759E60;',
                flex: 1
            }]
        });
    } // launch
}); // application()

我在我的其他实验中也看到过这种情况，与Java中的编码不同，似乎没有很好的调试方法，我仍然可以使用日志语句，但它们不能帮助我调试为什么浏览器中没有显示某些内容

---

a请特别注意此处的所有指针。

将

renderTo:Ext.getBody（）

添加到容器的配置中

这真的是个问题，在线代码没有那一行！非常感谢。因为你看到的是Sencha Touch的一个例子。它与extjs不同。Ext中没有全屏选项。