0

アプリケーションのモーダル ウィンドウに問題があります。モーダルウィンドウマスクのサイズを変更する場合を除いて、すべて問題ありません。ブラウザのサイズが小さくなると、大きくなります。モーダル ウィンドウ マスクは、より小さいウィンドウ サイズのままです。

これが私のビューポートです

Ext.define('Bis.view.Viewport', {
    extend: 'Ext.container.Viewport',
    layout: 'border',
    items: [{
            region: 'north',
            xtype: 'container',
            height: 100,
            layout: 'border',
            items:[{
                xtype: 'container',
                layout: 'border',
                region: 'north',
                height: 70,
                items: [{
                    xtype: 'container',
                    region: 'west',
                    styleHtmlCls: 'account-header-logo',
                    styleHtmlContent: true
                }, {
                    xtype: 'component',
                    region: 'center'
                }, {
                    xtype: 'container',
                    itemId: 'userControlsContainer',
                    region: 'east'
                }]
            }, {
                region: 'center'
            }]

        }, {
            region: 'center',
            bodyStyle: 'background:#79b5d8;'
        }, {
            region: 'south',
            xtype: 'container',
            items:[{
                xtype: 'component',
                width: 150,
                styleHtmlCls: 'footer-logo',
                styleHtmlContent: true
            }]
         }
    ]
});

ビューポートではなく、リージョン「center」に追加するモーダル ウィンドウ。ビューポートに追加するときはそのような問題はありませんが、この領域にウィンドウを追加する必要があります

4

2 に答える 2

2

問題を修正しました。ビューポートが行うように、バックグラウンドがグローバルウィンドウのサイズ変更イベントをリッスンしているためです。そのため、背景マスクが適切なサイズにリサイズされないことがあります。これに似た修正を使用しました(これをオーバーライドに追加します):

Ext.EventManager.removeResizeListener(Ext.WindowManager._onContainerResize, Ext.WindowManager);
Ext.EventManager.onWindowResize(Ext.WindowManager._onContainerResize, Ext.WindowManager, {delay: 5});
于 2012-09-12T13:52:07.000 に答える
0

中央領域のxtypeとレイアウトを明示的に指定してみてください。

 {
    region: 'center',
    xtype: 'panel',
    layout: 'fit'    
 }

これが機能しない場合は、モーダルウィンドウを追加する方法を詳しく説明する必要があります。

于 2012-09-10T07:01:37.417 に答える