在开始应用程序sencha touch上没有任何显示

Question

我使用sencha 2.3.1和下面的代码（在app.js中）在页面上显示一些html内容。但没有任何显示。请告诉我错在哪里。

Ext.application({ 
    name: 'Sencha', 


    requires: ['Ext.tab.Panel'], 

    launch: function() { 
     //The whole app UI lives in this tab panel 
     Ext.Viewport.add({ 
      xtype: 'tabpanel', 
      fullscreen: true, 
      tabBarPosition: 'bottom', 

      items: [ 
       // This is the home page, just some simple html 
       { 
        title: 'Home', 
        iconCls: 'home', 
        cls: 'home', 
        scrollable: true, 
        html: [ 
         '<img height=260 src="http://staging.sencha.com/img/sencha.png" />', 
         '<h1>Welcome to Sencha Touch</h1>', 
         "<p>Building the Getting Started app</p>", 
         '<h2>Sencha Touch (2.0.0)</h2>' 
        ].join("") 
       } 

       ] 

      }) 

     } 

}); 

Answer 1

在Sencha Fiddle中做了一个快速检查，并且您的内容似乎显示。

https://fiddle.sencha.com/#fiddle/48m

不过，我看你连接一个CLS属性，这一个tabpanel，也许这是造成你的问题。

此外，由于组件的高度为零，因此常常不会显示在Sencha中。打开你的DOM检查器，找到你的tabpanel和子元素，并确保它们的高度大于零。您可能需要定义一个高度，或使用不同的布局，如适合。