extjs 3.3：浮动面板

【问题标题】：extjs 3.3: floating panelextjs 3.3：浮动面板
【发布时间】：2011-10-01 22:26:39
【问题描述】：

我正在尝试在其他预先创建的面板上创建一个浮动面板，我尝试了以下简单代码，但失败了：

var testPanel = new Ext.Panel({
                                id: 'testP',
                                width: 50,
                                height: 100,
                                floating: true,
                                title:'Test'
                            });
testPanel.show();

我还需要考虑什么？

谢谢！

【问题讨论】：

标签： extjs panel extjs3 floating

【解决方案1】：

使用floating配置时需要注意以下几点：

1) 固定宽度 - 你已经完成了 2) 必须在渲染后显式设置位置（例如，myPanel.setPosition(100,100);）。

您还可以设置底层 Ext.Layer 配置选项，而不仅仅是设置 floating : true。您可以通过以下方式做到这一点：

Ext.Panel({

  //.. other config..,
  floating : {
    //Ext.Layer config options. Maybe a property in that will get you the desired effect that you're looking for.
  }
});

试试这个并更新！

干杯。

【讨论】：