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

Я пытаюсь отобразить изображение без панели вкладок в моем view.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'
                    }
                ]
            }
        ]
    }
});

person shaoming    schedule 18.05.2012    source источник


Ответы (1)


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

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

Кстати, "xtype:container" не нужен.

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

person borck    schedule 18.05.2012
comment
Спасибо! Это было большим подспорьем. - person shaoming; 18.05.2012