1

manageOverflowが境界線レイアウトのビューポートで機能しているかどうかを知りたいのですが。私のアプリにはビューポート(境界線レイアウト)があり、4つのコンテナー(北に2つ、東に1つ、西に1つ)があります。これらのコンテナの1つ(東にあるもの)は、レイアウトが塗りつぶされたメインコンテナです。「ページを変更」すると、このメインコンテナにページコンテナを動的に入力します。

私の問題は、グリッドコンテナをinnerHeight(画面サイズ)よりも長くすると、垂直スクロールバーが表示されることです。これは良いことですが、水平スクロールバーも表示されます。ビューポートは、新しいサイズ(スクロールバーのないサイズ)では自動リレーアウトしません。

manageOverflowが答えのようですが、このプロパティをレイアウトに追加すると、プロパティreserveScrollbarと同じ結果になります。

誰かがすでにこれを試しましたか?

編集:テスト用のコード: `

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>test</title>


    <script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js" type="text/javascript"></script>
    <script>
        Ext.application({

            name: 'test',
            launch: function() {

                Ext.create('Ext.container.Viewport', {
                    layout: {
                        type: 'border',
                        manageOverflow: 1
                    },

                    autoScroll:true,

                    items : [{
                        xtype: 'container',
                        region: 'north',
                        height: 150,
                        border: 5,
                        style: {
                            borderColor: 'black',
                            borderStyle: 'solid'
                        }
                    }, {
                        xtype: 'container',
                        region: 'west',
                        width: 150,
                        border: 5,
                        style: {
                            borderColor: 'green',
                            borderStyle: 'solid'
                        }
                    }, {
                        xtype: 'container',
                        region: 'north',
                        height: 150,
                        border: 5,
                        style: {
                            borderColor: 'red',
                            borderStyle: 'solid'
                        }                       
                    }, {
                        xtype : 'container',
                        region : 'center',
                        border: 5,
                        style: {
                            borderColor: 'blue',
                            borderStyle: 'solid'
                        }                       
                    }],
                    renderTo: Ext.getBody()
                });
            }
        });
    </script>
</head>

<body></body>

`

4

0 に答える 0