窗口和對話框
窗口的基本應用
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("刪除");
}
});
});
});
})();