0

私は Sencha Touch を使用しています。現在、いくつかの HTML コードとボタンの下にビューを追加しています。HTML コードのコンテンツとボタンを画面の中央に配置したいと考えています。

どうすればよいか教えていただけますか？御時間ありがとうございます

Ext.define('Project.view.SettingsSuccess', {
    extend: 'Ext.Panel',
    xtype: 'settingformsuccess',

    config: {
        title: 'Settings',
        iconCls: 'info',
        cls: 'settings-success',
        scrollable: true,
        styleHtmlContent: true,

        items: [
        {
            xtype: 'titlebar',
            docked: 'top',
            title: 'Settings',

            items: [                
            {
                xtype: 'spacer'
            }, 
            {
                text: 'Back',
                ui: 'back'
            }
            ]
        },

        {
            html: [
            '<p>You have successfully authorised.</p>'
            ].join("")
        },

        // Go to Dashboard Button
        {
            xtype:'button',
            text: 'Visit your Home Page',
            ui: 'normal'
        }  
        ]

    }

});
4

1 に答える 1

1

それを試してください：

Html コンテンツとボタンをコンテナにパックする: http://docs.sencha.com/ext-js/4-0/#/api/Ext.container.Container

必要な場所にコンテナを配置します。setPosition(..) メソッドを参照してください: http://docs.sencha.com/ext-js/4-0/source/Component3.html#Ext-Component-method-setPosition

于 2012-08-09T10:44:18.313 に答える