1

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

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

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>
4

1 回答 1

1

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

于 2013-10-21T06:37:43.323 回答