web-dev-qa-db-ja.com

フォームパネルのみを使用してExtJSでポップアップウィンドウを開くにはどうすればよいですか？

フィールド付きのフォームを含むフォームパネルがあります。

ボタンをクリックすると、ウィンドウが開き、次のようにウィンドウ内のアイテムとしてフォームが追加されます。

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

これで、2つのウィンドウが表示されます。1つはメインウィンドウのタイトルAddと境界線を表示し、もう1つはタイトルと境界線のあるフォームパネルのフレームを表示します。

ウィンドウがタイトルと境界線のみを形成し、ウィンドウのタイトルと境界線と背景を形成しないようにする方法はありますか？

ウィンドウ内のformpanelではなく、formPanleのみをポップアップとして表示するようなものです。

javascriptextjsextjs4.2
9
user191542

タスクを実行するには、floatingおよびclosableconfigとして作成します。

closable:trueは、必要に応じてコーナーにクロスボタンを表示するのに役立ちます。

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

これがお役に立てば幸いです。

12
Hariharan

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();
3
Sivakumar

フォームをフローティングとして構成できます。

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

フィドル

2
Evan Trimboli