extjs4.0的窗口和對話框

窗口和對話框

窗口的基本應用

Ext中窗口是由Ext.window.Window類定義的,該類繼承自Panel,因此窗口其實是一種特殊的面板,窗口包含了浮動、可拖動、可關閉、最大化、最小化等特徵。

窗口是分組進行管理的,可以對一組窗口進行分組管理。

舉例:

var i = 0,mygroup;

function newWin(){

varwin = Ext.create("Ext.window.Window",{

title:'窗口'+i++,

width:400,

height:300,

maximizable:true,

manager:mygroup

});

win.show();

}

function toBack(){

mygroup.sendToBack(mygroup.getActive());

}

function hideAll(){

mygroup.hideAll();

}

Ext.onReady(function(){

mygroup = new Ext.WindowGroup();

Ext.get("btn").on("click",newWin);

Ext.get("btnToBack").on("click",toBack());

Ext.get("btnHideAll").on("click",hideAll);

});

對話框

helloWrold的舉例

Ext.onReady(function(){

Ext.get("btnAlert").on("click",function(){

Ext.MessageBox.alert("真的要刪除嗎?");

});

});


確認是否被執行的窗口

舉例:

(function(){

Ext.onReady(function(){

Ext.get("btnAlert").on("click",function(){

Ext.Msg.confirm("請確認","是否真的要刪除指定的內容",function(button,text){

if(button=="yes"){

alert("刪除");

}

});

});

});

})();

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章