Question

我有Form面板，它用字段来保存表单。

现在点击按钮，我打开窗口，然后像窗口一样在窗口中添加表单

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和边框，然后是另一个带有标题和边框的formpanel框架。

有没有办法使窗口只包含标题和边框，但不包括窗口标题和边框和背景

它只显示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

您可以将表单配置为浮动：

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

Fiddle

如何只在formpanel中打开ExtJS中的弹出窗口

3 个答案: