ExtJs之组件(window)

Ext.create('Ext.window.Window',{

   title:'',

   width:400,

   height:300,

   constrain:true,//限制窗口不超出浏览器边界

   constrainHeader:true,//不允许该窗口的title超出浏览器边界

   renderTo:Ext.getBody()//新创建的组件  渲染到什么位置

   modal:true   //设置一个锁态  不关的话其他不能操作了

   plain:true    //设置窗口透明背景

   x:50,

   y:50,     //坐标

   html:'<div style=width:200px;height:'

   autoScroll:true,   //添加滚动条

   icon:'',   //字符串参数   图片的路径

   iconCls:'', //CSS样式

   closeAction:'hide',   //默认destory   隐藏hide

   onEsc:    //复写onEsc函数  默认情况下按esc关闭窗口

}).show();//默认隐藏



点击一个按钮创建一个窗口

var btn = Ext.get('btn');

btn.on('click',function(){//添加一个事件处理器到此元素

    if(!Ext.getCmp('mywin'))//加这个也可以

    Ext.create('Ext.window.Window',{

        id:'mywin',   //有id表面只有一个  那么这个组件被Ext所管理

        title:'新窗体',

        height:300,

        width:400,

        renderTo:Ext.getBody(),

  });    

}



老方法：

        //将表单放到一个窗口中，并显示  

       var postWindow = new Ext.Window({  

            title: "人员信息表单",  

            width: 600,  

            height:500,  

            collapsible:true,  

            maximizable:true,  

            layout: 'fit',  

            plain:true,  

            bodyStyle:'padding:5px;',  

            modal:true,  

            items: postForm  

        });

      var grid = new Ext.grid.GridPanel({  

        

    });  



防止重复创建

1.modal  打开后其他不可动

2.比较id-- if(!Ext.getCmp('mywin'))