javascript 如何仅使用 Formpanel 在 ExtJS 中打开弹出窗口

How can i open popup window in ExtJS with formpanel only

提问by user191542

I have the Form panel which constains the form with fields.

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

Now on click of button , i am opening the window and then adding form as item in window like this

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

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

Now this shows two windows one shows the main window title Addand border and then one more frame of formpanel with title and borders.

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

Is there any way so that window only conatins form title and border but not windows title and border and background

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

Its like showuing only formPanle as popup , rather than formpanel inside window

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

回答by Hariharan

Make it as floatingand closableconfig to achieve your task.

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

closable:truewill help you to appear cross button at corner as you require.

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

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

I hope this will help.

我希望这将有所帮助。

回答by Sivakumar

floating: trueautomatically fits the form in the center. If not you can use center() method of form.panel.

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

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

Below call will make the form in center.

下面的调用将使表格居中。

myForm.center();

回答by Evan Trimboli

You can configure your form as floating:

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

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

Fiddle

小提琴