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

              }

           });

       });

    });

})();