ExtJS，FormPanel的show（）函数问题

Question

我想使用FormPanel的show（）函数来显示它弹出。

但下面的代码不显示任何内容。但如果我通过这个formPanel到一个ExtJS窗口对象和调用窗口show（）函数工作正常。

我想避免创建一个新的Window对象来显示一个表单面板。我怎么做？

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

Answer 1

您需要设置配置属性floatable: true。它会告诉该控件本身呈现而不是网页上的一些父元素，而是直接body

http://docs.sencha.com/ext-js/4-0/source/Panel3.html#Ext-panel-Panel-cfg-floatable

Answer 2

尝试看看这个，可能是有用的： Dockable/floatable panels in ExtJS?

Answer 3

每内线的doc，你需要设置配置属性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);