0

モジュールを呼び出しcreateWindowてwidth, height,xとyの値を指定すると、ウィンドウは正常に開きますが、デスクトップやタスク バーが引き伸ばされて表示されます。

たとえば、下の境界線がタスクバーの下にあるウィンドウが開かれている場合、タスクバーが覆われるだけでなく、デスクトップ全体が下に移動し続け、上部が消え、タスクバーが一番下まで伸びますフォームの。

理想的には、ウィンドウの重なっている部分を画面からスライドさせてタスクバーの下に置きたいと思います。

Ext.define('MyApp.view.locations.Module', {

.......

createWindow:        function (width, height, x, y) {

    this.width  = width  || 740;
    this.height = height || 480;

    var b = this.app.getDesktop();
    var a = b.getWindow('locations-module-window');

    if (!a) {

        this.locationsGrid   = Ext.create('MyApp.view.locations.Grid');
        this.locationsFilter = Ext.create('MyApp.view.locations.Filter');

        this.locationsPanel = Ext.create('Ext.form.Panel', {
            bodyPadding:       0,
            border:            true,
            fieldDefaults:     {
                labelAlign:   'left',
                msgTarget:    'side'
            },
            frame:             false,
            header:            false,
            id:               'locations-module-panel',
            layout:           'border',
            defaults:          {
                bodyStyle:    'padding: 15px',
                collapsible:   true,
                split:         true
            },
            items:             [
                this.locationsGrid,
                this.locationsFilter
            ]
        });

        a = b.createWindow({

            animCollapse:      true,
            border:            false,
            collapsible:       true,
            constrainHeader:   false,
            height:            this.height,
            width:             this.width,
            x:                 x,
            y:                 y,
            iconCls:          'icon-locations',
            id:               'locations-module-window',
            layout:           'fit',
            maximizable:       true,
            minimizable:       true,
            title:            'Locations',
            items:             [{
                activeTab:     0,
                defaults:      {
                    border:    false,
                    header:    false
                },
                xtype:        'tabpanel',
                items:         [{
                    iconCls:  'icon-locations',
                    layout:   'fit',
                    title:    'Branches',
                    items:     this.locationsPanel
                },{
                    html:     "<p>Region items go here.</p>",
                    iconCls:  'icon-regions',
                    title:    "Regions"
                }]
            }]
        });
    };

    a.show();
    return a
},

....
4

1 に答える 1

0

Ext.window.Windowのドキュメントからこのコメントを参照してください。

デフォルトでは、Windows は document.body にレンダリングされます。Window を別の要素に制限するには、renderTo を指定します。

したがって、renderToすべてのウィンドウを含むように意図されたパネルに設定します。おそらく、そのパネルは「タスクバー」と重ならないため、ウィンドウも重なりません。

于 2011-12-14T15:56:46.873 に答える