Question

我在这个问题上花了很多时间。我的样本中有两个主要问题。

1）当我最大化窗口时，右边和底边条纹被划分为westRegion宽度和南区域的高度。

2）如果我设置约束：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>

Answer 1

在中心区域渲染工作后创建窗口，在此处拼写：https://fiddle.sencha.com/#fiddle/131

ExtJS 4：当约束到具有西区域的BorderLayout中心区域时窗口最大化问题

1 个答案: