ExtJS 4：限制到带有西部区域的 BorderLayout 中心区域时的窗口最大化问题答案

【问题标题】：ExtJS 4: Window maximizing issue when constrained to BorderLayout center region with west regionExtJS 4：限制到带有西部区域的 BorderLayout 中心区域时的窗口最大化问题
【发布时间】：2013-10-19 23:59:05
【问题描述】：

我在这个问题上度过了非常艰难的时光。我的样本中有两个主要问题。

1) 当我最大化窗口时，右边缘和下边缘被条纹化为 westRegion 的宽度和 south 区域的高度。

2) 如果我设置了 constrain : true 和 renderTo :'regCenter' 则窗口不能停靠在 centerRegion 的左侧和顶部区域。

ExtJS 中是否存在错误或我的编码错误？

 <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css"
          href="lib/extjs/resources/css/ext-all.css">
        <script type="text/javascript" src="lib/extjs/ext-all.js"></script>

        <script>

          Ext.onReady(function() {

            Ext.create("Ext.container.Viewport",
              { layout : "border",
                items: [
                  { width : 160, region : "west", split:true,collapsible: true, items: [ ] },
                  { height : 60, region : "north", items: [ ] },
                  { id : "regCenter", region : "center" }
                ]
              }
            );

            Ext.create("Ext.window.Window",
              { maximizable : true, width : 350, height : 440,
                constrainHeader : true, constrainTo : "regCenter",
                dockedItems : [
                  { xtype : "toolbar", dock : "bottom",
                    items : [ { text : "etc" } ]
                  }
                ],
                items : [ ]
              }
            ).show();

          });

        </script>

      </head>

      <body></body>

    </html>

【问题讨论】：

标签： extjs

【解决方案1】：

在中心区域渲染后创建窗口工作，在这里摆弄：https://fiddle.sencha.com/#fiddle/131

【讨论】：

如果窗口是constrained，逻辑要求，必须在渲染窗口之前渲染约束组件