Sencha 5.0的vbox布局

我是GUI的新手，现在正在用Sencha框架思考我的方法。我安装了Sencha 5.0，并通过几个例子，Sencha 5.0的vbox布局

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编码似乎没有要调试这些好办法，我仍然可以使用日志语句，但他们不帮我调试为什么有些东西不显示在浏览器中。

Apreciate关于这里发生了什么的任何指针。

来源

2014-06-30 learningtocode

将renderTo:Ext.getBody()添加到容器的配置。

来源

2014-06-30 22:02:35 Saki

真的是这个问题，在线代码[这里]（http://try.sencha.com/touch/2.0.0/docs/Ext.layout.VBox.2/）没有这一行！谢谢！ – learningtocode

因为您正在查看Sencha Touch的示例。它与Ext JS不一样。 Ext中没有全屏选项。 –

Sencha 5.0的vbox布局

回答

相关问题