Extjs 约束到边界布局中心区域时窗口最大化问题

Extjs 约束到边界布局中心区域时窗口最大化问题,extjs,extjs4.1,Extjs,Extjs4.1,在这种情况下,我希望将窗口约束到BorderLayout的中心区域。这当然很好,但是,当我单击“最大化”按钮时,底部停靠的工具栏被切断。如果我只是不约束窗口,那么就不会发生这种情况。我不确定我是否遗漏了一些明显的东西,或者这可能是一个bug。这是使用版本4.2.1。下面是演示该问题的简化测试代码: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-

在这种情况下,我希望将窗口约束到BorderLayout的中心区域。这当然很好,但是,当我单击“最大化”按钮时,底部停靠的工具栏被切断。如果我只是不约束窗口,那么就不会发生这种情况。我不确定我是否遗漏了一些明显的东西,或者这可能是一个bug。这是使用版本4.2.1。下面是演示该问题的简化测试代码:

<html>

  <head>

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

    <script>

      Ext.onReady(function() {

        Ext.create("Ext.container.Viewport",
          { layout : "border",
            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 : "XXX" } ]
              }
            ],
            items : [ ]
          }
        ).show();

      });

    </script>

  </head>

  <body></body>

</html>

Ext.onReady(函数(){
Ext.create(“Ext.container.Viewport”,
{布局:“边界”,
项目:[
{高度:60,地区:“北部”,项目:[]},
{id:“regCenter”,region:“center”}
]
}
);
Ext.create(“Ext.window.window”,
{最大化:真,宽度:350,高度:440,
constraintHeader:true,constrainTo:“regCenter”,
摘要:[
{xtype:“工具栏”,dock:“底部”,
项目:[{文本:“XXX”}]
}
],
项目:[]
}
).show();
});
我已经把范围缩小到和constrainTo和ConstraintHeader有关的部分。。。如果我删除其中一个或两个,然后最大化的工作,如预期的那样,没有任何东西被切断的底部

提前感谢您的建议, 弗兰克取代了

constrainHeader : true, constrainTo : "regCenter",
付诸表决:

正如的文档中所说

约束标头:布尔值 True将窗口标题约束在其包含元素内( 允许窗体落在其包含元素之外

约束:布尔值

如果为True,则将窗口约束在其包含元素内;如果为false,则允许窗口落在其包含元素外。默认情况下,窗口将呈现为document.body。要在另一个元素中渲染和约束窗口,请指定renderTo。 “可选地,只能使用CONSTRAINTHEADER约束标题”

希望这个解释对你有用

constrain : true, renderTo :'regCenter',