0

これは、私が調査と追跡に苦労した問題です。次のパネルをビューにロードすると、各タブ タイトルにスクロール バーが表示されます (すべてのタブの 1 つの長いスクロール バーではなく、個々のタブ タイトル)。私は小さなスクロール バーを持つ Mountain Lion を使用しているので、これは大きな問題ではありませんが、古い OS X バージョンの他のユーザーには、タブ タイトル全体をブロックする巨大な青いスクロール バーがあります。

スクリーンショットを取得したら投稿しますが、コードは次のとおりです。

Ext.define('App.view.case.CasePanel', {
    extend: 'Ext.panel.Panel',
    alias : 'widget.case-panel',
    title : 'Edit Case',
    layout: 'fit',
    border: false,
    autoScroll: true,
    constrainHeader: true,

    initComponent: function() {
        this.items = [{
            xtype: 'panel',
            autoScroll: true,
            layout: 'border',
            items: [{
                region: 'west',
                xtype: 'case-edit-case-info',
                split: true,
                border: true,
                width: 300
            },{
                region: 'center',
                xtype: 'tabpanel',
                activeTab: 0,
                autoScroll: true,
                border: false,
                defaults: {border:false, bodyStyle:'padding:5px'},
                items: [{
                    title: 'One',
                    xtype: 'case-edit-tab-one'   // these aren't the actual tab names, but you get the idea.
                },{
                    title: 'Two',
                    xtype: 'case-edit-tab-two'
                },{
                    title: 'Three',
                    xtype: 'case-edit-tab-three'
                },{
                    title: 'Four',
                    xtype: 'case-edit-tab-four'
                },{
                    title: 'Five',
                    xtype: 'case-edit-tab-five'
                },{
                    title: 'Six',
                    xtype: 'case-edit-tab-six'
                },{
                    title: 'Seven',
                    xtype: 'case-edit-tab-seven'
                }]
            }]
        }];

        this.bbar = [{
            text: 'Save',
            action: 'save'
        }, {
            text: 'Cancel',
            action: 'cancel'
        }];

        this.callParent(arguments);
    }
});

なぜこれを行っているのかについてのアイデアはありますか?

(Mac OS X、最新の Chrome バージョン)

4

1 に答える 1

0

最初のパネルから autoScroll を削除してみてください:

initComponent: function() {
    this.items = [{
        xtype: 'panel',
        autoScroll: true,
        layout: 'border',
        ...
    }]
}
于 2013-03-29T18:54:18.833 に答える