ExtJS 4桌面模块windows在打开时拉伸destop/任务栏,其大小/位置超过桌面大小

ExtJS 4桌面模块windows在打开时拉伸destop/任务栏,其大小/位置超过桌面大小,extjs,extjs4,extjs-mvc,Extjs,Extjs4,Extjs Mvc,如果我在模块上调用createWindow并为其指定宽度、高度、x和y值,该窗口将正常打开,但会使桌面和/或任务栏看起来拉伸 例如,如果正在打开一个窗口,其底部边框位于任务栏下方,它不仅会覆盖任务栏,还会继续向下移动整个destop,使顶部消失,任务栏将一直延伸到窗体底部 理想情况下,我希望窗口的重叠部分滑出屏幕并滑到任务栏下 Ext.define('MyApp.view.locations.Module', { ....... createWindow: function (

如果我在模块上调用createWindow并为其指定宽度、高度、x和y值,该窗口将正常打开,但会使桌面和/或任务栏看起来拉伸

例如,如果正在打开一个窗口,其底部边框位于任务栏下方,它不仅会覆盖任务栏,还会继续向下移动整个destop,使顶部消失,任务栏将一直延伸到窗体底部

理想情况下,我希望窗口的重叠部分滑出屏幕并滑到任务栏下

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
},

....
请参阅Ext.window中的此注释。window的:

默认情况下,窗口将呈现为document.body。要将窗口约束到另一个图元,请指定renderTo

因此,将renderTo设置为包含所有窗口的任何面板。大概该面板不会与任务栏重叠,因此窗口也不会重叠