Javascript ExtJS，FormPanel show（）函数问题

我想使用FormPanel show（）函数将其显示为弹出窗口。

但下面的代码没有显示任何内容。但是，如果我将这个formPanel传递给一个ExtJS窗口对象，并调用Window show（）函数，就可以了

我希望避免仅仅为了显示窗体面板而创建新的窗口对象。我该怎么做

    var formPanelItems = ...
    var formPanel = new Ext.form.FormPanel({
       width: 300px,
       height: 300px,
       items        : formPanelItems,
    });
    formPanel.show();

---

您需要设置配置属性

可浮动：true

。它将告诉控件不要将自身呈现给页面上的某个父元素，而是直接呈现给

body

---

试着看看这个，可能有用：

---

对于Ext的文档，您需要设置config属性

floating:true

，并在渲染后显式设置它的位置，因为它是绝对定位的

样本：

var p = new Ext.form.FormPanel({
        title:'test', 
        width: 300, 
        height: 150, 
        html:'a floating panel', 
        floating: true, 
        renderTo: Ext.getBody()
}); 
p.setPosition(200,200);

---

我们有ExtJS版本3.1，浮动选项在此版本中不可用。知道3.1中的类似选项是什么吗？我已经检查了我的本地文档中的3.1版本及其存在的版本（源于

Ext.Panel

。它也存在于3.4版本的在线

renderTo:Ext.getBody（）

应该位于面板的中心；因此，

setPosition（）

可能没有必要（我使用Ext 5.*）。