ExtJs之窗口及对话框

     ExtJs窗口是由Ext.Window类来定义，该类继承了Panel，因此窗口是一种特殊的面板。窗口包含了浮动、可拖动、可关闭、最大化、最小化等，如：

var i=0;

    function newwin(){

    var win=new Ext.Window({

     title:"窗口"+i++,

     width:200,

     height:200,

     maximizable:true,

     clsoeAction:'hide'

    });

    win.show();

    }

    Ext.onReady(function(){

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

    });

  <input id="btn" type="button" value="新窗口">

运行结果：

 

窗口分组s

    窗口是分组进行管理的，可以对一组窗口进行操作，默认情况下，窗口的默认组是Ext.WindowMgr，窗口分组是由类Ext.WindowGroup定义，该类包括bringToFront，getActive，hideAll，sendToBack等方法用来对分组中的窗口进行操作。

<script type="text/javascript">

     var i=0,mygroup;

    function newwin(){

    var win=new Ext.Window({

     title:"窗口"+i++,

     width:200,

     height:200,

     maximizable:true,

     clsoeAction:'hide',

     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("btn1").on("click",toBack);

    Ext.get("btnall").on("click",hideall);

    });

</script>

 

/*shtml部分*/

   <input id="btn" type="button" value="新窗口">

  <input id="btn1" type="button" value="放到后台">

  <input id="btnall" type="button" value="隐藏所有">