extjs4.0的窗口和对话框

  • Post author:
  • Post category:其他


窗口和对话框

窗口的基本应用

Ext中窗口是由Ext.window.Window类定义的,该类继承自Panel,因此窗口其实是一种特殊的面板,窗口包含了浮动、可拖动、可关闭、最大化、最小化等特征。

窗口是分组进行管理的,可以对一组窗口进行分组管理。

举例:


var

i = 0,mygroup;


function newWin

(){


var

win = 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(“删除”);

}

});

});

});

})();