Как открыть всплывающее окно в ExtJS только с помощью formpanel

у меня есть панель формы, которая ограничивает форму полями.

теперь при нажатии кнопки я открываю окно, а затем добавляю форму как элемент в окне, как это

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 с заголовком и границами.

есть ли способ, чтобы окно только conatins формировало заголовок и границу, но не заголовок и границу windows и фон

его как showuing только formPanle как всплывающее окно, а не formpanel внутри окна

8
extjs extjs4.2 javascript

3 ответов

сделайте это как floating и closable config для достижения ваших задач.

closable:true поможет вам появиться кнопку с крестиком в углу, как вам требуется.

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

надеюсь, это поможет.

11

floating: true автоматически приспосабливает форму в центр. Если нет, вы можете использовать метод center() формы.панель.

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

ниже вызов сделает форму в центре.

myForm.center();
3

вы можете настроить форму как плавающую:

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

Скрипка

2