javascript - 我怎样才能在 ExtJS 中仅使用 formpanel 打开弹出窗口

Question

我有表单面板，其中包含带有字段的表单。

现在点击按钮，我打开窗口，然后像这样在窗口中添加表单作为项目

win = new Ext.Window({
    title: 'Add',
    layout: 'fit',
    autoScroll: true,
    y: 120,
    width: 600,
    height: 600,
    modal: true,
    closeAction: 'hide',
    items: [formpanel]
});
win.show();

现在这显示了两个窗口，一个显示主窗口标题Add和边框，然后再显示一个带有标题和边框的窗体。

有什么办法可以让窗口只包含标题和边框，而不是窗口标题和边框和背景

就像只显示 formPanle 作为弹出窗口，而不是窗口内的 formpanel

Answer 1

将其设置为floating并closable配置以完成您的任务。

closable:true 将帮助您根据需要在角落出现十字按钮。

var myForm = new Ext.form.Panel({
    width: 500,
    height: 400,
    title: 'Foo',
    floating: true,
    closable : true
});
myForm.show();

我希望这将有所帮助。

Answer 2

floating: true自动使表格居中。如果没有，您可以使用 form.panel 的 center() 方法。

var myForm = new Ext.form.Panel({
    width: 500,
    height: 400,
    title: 'Form Window',
    floating: true,
    closable : true
});
myForm.show();

下面的电话将使表格居中。

myForm.center();

Answer 3

You can configure your form as floating:

var f = new Ext.form.Panel({
    width: 400,
    height: 400,
    title: 'Foo',
    floating: true
});
f.show();

Fiddle