Extjs 是否可以在边框布局中指定最大宽度？

我有一个这样定义的面板：

Ext.define('E.view.portfolio.Construction', {
    extend: 'Ext.form.Panel',
    xtype: 'portfolioconstruction',
    closable: true,
    layout: 'border',
    baseCls: 'module-workspace',

    // ...

});

在该面板中，我有一个items数组。其中一项是另一个面板。以下是该小组的定义：

{
    region: 'center',
    xtype: 'portfoliosettings',
    itemId: 'portfolioSettings',
    title: 'Portfolio Settings',
    collapsible: true,            
    collapseDirection: 'right',
    collapsedCls: 'portfolio-settings-collapsed',            
    flex: 10,
    cls: 'module-section portfolio-settings',
    frame: true,
    padding: 0,
    margin: 0
}

在此面板上设置

width

无效。设置

maxWidth

和

minWidth

会在面板周围留出大量额外空间。在控制面板最大宽度的同时，是否有任何方法可以使用flex属性？这迫使我在高分辨率（1920 x 1080）下选择超大尺寸，还是在低分辨率（1024 x 768）下选择不适合内容

---

是否存在某种快乐的媒介，或者我一直在使用它？

因此，出于某种原因，将区域设置为中心会导致extjs不考虑某些大小属性。当我将region设置为“east”时，它允许组件按预期的方式运行

---

希望这对其他人有帮助

来自以下项目的ExtJS文档：

任何使用边框布局的容器都必须有一个子项，其区域为“中心”。中心区域中的子项将始终调整大小，以填充布局中其他区域未使用的剩余空间

因此，在面板上显式设置

maxWidth

没有效果，因为它将被调整大小以填充容器中的剩余空间，即使它大于

maxWidth

因此，解决方案是使用and布局的组合来定义布局，而不是使用边框布局，这样您就可以使用

maxWidth

、

minWidth

、和

flex

配置来获得所需的布局行为