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

【问题标题】：ExtJS resizable Container/Panel do not change position on resize from left and top (west + north) positionExtJS 可调整大小的容器/面板在调整大小时不会从左侧和顶部（西 + 北）位置更改位置
【发布时间】：2012-06-12 14:23:49
【问题描述】：

如果我有这样的事情：

    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();

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

【问题讨论】：

有谁知道是否可以在不使用浮动的情况下使其工作：真的吗？如果父级具有“绝对”布局，我认为 resize -x/-y 会起作用，但它似乎没有。

标签： extjs resize position containers resizable

【解决方案1】：

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

【讨论】：