0

私はSenchatouchチュートリアルをフォローアップし、簡単なタブバーを作成しています。
ただし、タブバーのレイアウトは垂直に表示されています。
とにかく横に変えられない。
私が作ったものに何か問題がありますか？

チュートリアルはhttp://senchalearn.github.com/Tabs-and-Toolbars/
です。私のコードは以下のとおりです。

index.html 

<!DOCTYPE html>
<html>
<head>
    <title>Sencha</title>
    <link rel="stylesheet" href="app.css" type="text/css">

    <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
    <script type="text/javascript">
        Ext.Loader.setConfig({
            enabled: true,
            pathes: {'Ext':'touch/src'}
        });
    </script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>

app.js 

Ext.application({
    name: 'Sencha',

    views: ['Main'],

    launch: function() {
        Ext.Viewport.add({
            xclass: 'Sencha.view.Main'
        });
    }
});

Main.js

Ext.define('Sencha.view.Main', {
    extend: 'Ext.TabPanel',
    config: {
        tabBar: {
            docked: 'bottom',
            layout: {
                pack: 'center'
            }
        },
        items: [
            {title: 'Home', iconCls: 'more'},
            {title: 'Schedule'},
            {title: 'Setting'}
        ]
    }
});

しかし、結果は次のようになります。

http://goo.gl/YoPPr

レイアウトを水平に変更するにはどうすればよいですか？

4

1 に答える 1

0 
Ext.define('Sencha.view.Main', {
extend: 'Ext.TabPanel',
config: {
    layout: 'hbox',
    ...
}
于 2013-01-14T12:51:54.960 に答える