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("删除");

}

});

});

});

})();