Sencha touch, отображающий изображение в панели вкладок

Question

Я пытаюсь отобразить изображение без панели вкладок в моем представлении. Js Однако, похоже, что он не работает, несмотря на то, что он следил за документацией. Может ли кто-нибудь помочь указать, что я сделал неправильно?

Спасибо

App.js

Ext.application({ 
    name: 'hoodhelp1a', 

    requires: [ 
     'Ext.MessageBox' 
    ], 

    views: ['Main'], 

    isIconPrecomposed: true, 

    launch: function() { 
     // Destroy the #appLoadingIndicator element 
     Ext.fly('appLoadingIndicator').destroy(); 

     // Initialize the main view 
     Ext.Viewport.add(Ext.create('hoodhelp1a.view.Main')); 
    }, 

    onUpdated: function() { 
     Ext.Msg.confirm(
      "Application Update", 
      "This application has just successfully been updated to the latest version. Reload now?", 
      function(buttonId) { 
       if (buttonId === 'yes') { 
        window.location.reload(); 
       } 
      } 
     ); 
    } 
}); 

Посмотреть/Main.js

Ext.define("hoodhelp1a.view.Main", { 
    extend: 'Ext.tab.Panel', 
    requires: [ 
     'Ext.TitleBar', 
     'Ext.Video', 
     'Ext.Img', 
    ], 
    config: { 
     tabBarPosition: 'bottom', 

     items: [ 
      { 
       title: 'Home', 
       iconCls: 'home', 
       xtype: 'container', 
       layout: 'hbox', 
       items: [ 
       { 
        docked: 'top', 
        xtype: 'titlebar', 
        title: 'Welcome to Sencha Touch 2' 
       }, 
       { 
         xtype: 'image', 
         src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png' 
       } 
      ] 
      }, 
      { 
       title: 'Get Started', 
       iconCls: 'action', 

       items: [ 
        { 
         docked: 'top', 
         xtype: 'titlebar', 
         title: 'Getting Started' 
        }, 
        { 
         xtype: 'video', 
         url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c', 
         posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg' 
        } 
       ] 
      } 
     ] 
    } 
}); 

Answer 1

Поскольку вы используете 'HBOX' макет для вашего 'контейнера' внутри вашей первой вкладке , вы должны указать конфигурацию «flex». (например, установите «flex: 1» в вашей конфигурации «образ»).

Другим вариантом является установка макета этого «контейнера» вместо «подгонки».

Между прочим, «xtype: container» не требуется.

Смотрите эту скрипку для иллюстрации: http://www.senchafiddle.com/#X0Ejm