ExtJS，FormPanel显示()函数问题

Question

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

但是下面的代码没有显示任何内容。但是，如果我将这个窗口传递给一个ExtJS窗口对象，并调用Window formPanel ()函数，它就能正常工作。

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

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

Answer 1

根据Ext的文档，您需要设置配置属性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);

Answer 2

您需要设置配置属性floatable: true。它将告诉控件不将自身呈现给页面上的某个父元素，而是直接呈现给body

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

Answer 3

试着看看这个，可能会有用：Dockable/floatable panels in ExtJS?