EXT ウィンドウ ウィンドウとダイアログ ボックス MessageBox_extjs

var i =0;
function newWin(){
var win = new Ext.Window({
title:"Window" i ,
width:400,
height:300,
maximizable:true
});
win.show();
}
Ext.onReady(
function(){
Ext.get("btn").on( "click",newWin );
}
);

var i=0 ,mygroup;
function newWin(){
var win=new Ext.Window({
title:"Window" i ,
width:400,
height: 300,
maximizable:true,
manager:mygroup
});
win.show()
}
function toBack(){
mygroup.sendToBack(mygroup) .getActive()) ;
}
関数 HideAll(){
mygroup.hideAll()
}
Ext.oReay(
function(){
mygroup= new Ext.WindowGroup( );
Ext.get("btn").on("click",newWin);
Ext.get("btnToBack").on("click",toBack); 🎜>Ext.get ("btnHide").on("click",hideAll);


ページ内のHTMLコード
上記を実行コードを入力して最初に数回クリックします。 [新しいウィンドウ] ボタンを使用すると、ページ上に複数のコンテナを表示し、これらのウィンドウを画面上の別の位置にドラッグできます。次に、[背景に移動] ボタンをクリックして、最前面のウィンドウをウィンドウ グループの後ろに移動します。 [すべて非表示] ボタンをクリックして、現在開いているウィンドウをすべて非表示にします。以下の図に示すように:

Ext.get("btnAlert").on(
"クリック",
function(){
Ext.MessageBox.alert("ご注意ください" ,"これは ExtJS プロンプト ボックスです");
}
)
}
HTML ページの内容:
プログラムを実行します。 「ボックス」ボタンの上にある「アラート」をクリックすると、ページ上に次のようなダイアログボックスが表示されます。


Ext には、アラートに加えて、確認、プロンプト、進行状況、待機などのダイアログ ボックスも含まれており、必要に応じてカスタム ダイアログ ボックスを表示できます。通常のダイアログ ボックスには、通常、4 つのパラメータが含まれます。たとえば、confirm のメソッド シグネチャは、confirm (文字列タイトル、文字列 msg、[関数 fn]、[オブジェクト スコープ]) です。パラメータ title は、ダイアログ ボックスのタイトルとパラメータを表します。 msg はダイアログ ボックス内のプロンプトを表します。これらの 2 つのパラメータは必須です。オプションのパラメータ fn はダイアログ ボックスを閉じるときに実行されるコールバック関数を表し、パラメータのスコープはコールバック関数の実行スコープを表します。コールバック関数には、button と text という 2 つのパラメータを含めることができます。button はクリックされたボタンを表し、text はダイアログ ボックスにアクティブな入力オプションがあるときに入力されたテキストの内容を表します。コールバック関数のボタン パラメータを使用して、ユーザーがどのような選択をしたかを判断したり、テキストを使用してダイアログ ボックスに入力された内容を読み取ることができます。以下の例を見てください: