模式窗口背景不能正确调整大小
模式窗口背景不能正确调整大小
提问于 2012-09-07 10:46:21
我在我的应用程序中有一个模式窗口的问题。一切都很好，除了调整模式窗口蒙版的大小:当浏览器大小减小时，大小会增加。模式窗口蒙版保持较小的窗口大小。
这是我的视窗
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”。在添加到视区时，没有这样的问题，但我需要将窗口添加到此区域
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-09-12 13:52:07
我已经解决了这个问题。之所以会发生这种情况，是因为背景像viewport一样在侦听全局窗口大小调整事件。因此，有时背景蒙版不会调整到正确的大小。我使用了一个类似这样的修复(将这个添加到覆盖中)：
Ext.EventManager.removeResizeListener(Ext.WindowManager._onContainerResize, Ext.WindowManager);
Ext.EventManager.onWindowResize(Ext.WindowManager._onContainerResize, Ext.WindowManager, {delay: 5});Stack Overflow用户
发布于 2012-09-10 07:01:37
尝试显式指定中心区域的xtype和布局：
{
region: 'center',
xtype: 'panel',
layout: 'fit'
}如果这不起作用，您可能需要详细说明如何添加模式窗口。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12316561
复制相关文章
相似问题
腾讯云开发者
