시작 응용 프로그램에서 아무 것도 표시되지 않습니다.

Question

페이지에서 일부 html 내용을 표시하기 위해 sencha 2.3.1 및 다음 코드 (app.js)를 사용하고 있습니다. 그러나 아무것도 표시되고 있지 않습니다. 제 잘못이 어디인지 말해주세요.

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 속성을 첨부 참조하십시오.

또한 구성 요소의 높이가 0이기 때문에 Sencha에 항목이 표시되지 않는 경우가 많습니다. DOM inspector를 열고 tabpanel 및 child 요소를 찾고 높이가 0보다 큰지 확인하십시오. 높이를 정의하거나 적합성과 같은 다른 레이아웃을 사용해야 할 수도 있습니다.