extjs - ExtJS 可调整大小的容器/面板在调整大小时不会从左侧和顶部（西 + 北）位置更改位置

Question

如果我有这样的事情：

    var container = Ext.create('Ext.container.Container', {
    plain:true,
    width : 300,
    height: 300,
    html: 'Super',
    cls:'container',
    renderTo:Ext.getBody(),
    draggable:true,
    closable:false,
    resizable:{
        pinned:true,
        dynamic:true
    }
}).center();

容器是“可调整大小的”，但只会在右侧和底部（南、东）侧调整大小。如果我在左侧或顶部调整容器的大小，容器将不会移动，它位于同一位置。如何处理？如果我打开一个窗口，它也会改变位置。

例如：

    var win = Ext.create('Ext.window.Window', {
    plain:true,
    width : 300,
    height: 300,
    html: 'Super',
    cls:'container',
    renderTo:Ext.getBody(),
    draggable:true,
    closable:false,
    resizable:{
        pinned:true,
        dynamic:true
    }
}).center().show();

做这项工作。但我会用一个容器。

Answer 1

我忘记输入“floating:true”，默认情况下窗口是 true，但不是容器。这是一个介绍此功能的链接：http ://www.sencha.com/learn/components/ “浮动组件”。然后容器按方面调整大小。