0

これはテストコードです：

Ext.define('App.TabsWin', {
    拡張: 'Ext.Window',

    幅: 600、
    高さ: 400,
    レイアウト: 'フィット',
    自動表示: 真、
    ビューモデル: 真、

    initComponent: 関数() {
        Ext.apply(これ、{
            幅: 740、
            項目: [{
                xtype: 'タブパネル',
                参照: 'タブパネル',
                ボーダー: false,
                デフォルト: {
                    bodyパディング: 10,
                    autoScroll: 真、
                    閉鎖可能: 真、
                    ボーダー: false
                }、
                tabPosition: '左', 
                tabRotation: 0,
                項目: [{
                    タイトル: 'タブ 1',
                    アイコン: ヌル、
                    グリフ: 42,
                    html: '長いテキスト'
                }、{
                    タイトル: 'タブ 2',
                    アイコン: ヌル、
                    グリフ: 70,
                    html: '非常に長いテキスト'
                }、{
                    タイトル: 'タブ 3',
                    アイコン: ヌル、
                    グリフ: 86,
                    html: '長いテキスト'
                }]
            }]
        });

        this.callParent();
    }
});
Ext.create('App.TabsWin');

ブラウザーのコンソールでコードを実行すると期待どおりに動作しますが、そのコードを実行すると、タブは左側にありますが、水平方向には配置されません。

何が起こっているのか、またはそれを修正する方法を誰かが説明できますか?

4

1 に答える 1

0

「ブラウザのコンソールで実行する」とはどういう意味ですか?

サンプルサイトで問題は見つかりませんでした。

上記のコードをコピーしてブラウザー コンソールに貼り付けると、必要な css スタイルが読み込まれず、表示がおかしくなったり壊れたりする可能性があります。

コードで遊ぶにはhttps://fiddle.sencha.comを使用してください。必要なものはすべて揃っています。

于 2014-06-15T12:06:45.730 に答える