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”，windows默认为true，但不是容器。以下是介绍此功能的链接：http://www.sencha.com/learn/components/“浮动组件”。然后容器按预期调整大小。

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

1 个答案: