1

私はこの問題に非常に苦労しました。私のサンプルには2つの大きな問題があります。

1) ウィンドウを最大化すると、右端と下端が westRegion の幅と South リージョンの高さとしてストライプ化されます。

2）constraint : 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 に答える