ExtJs之组件(window)

来源：互联网发布：淘宝运营费用编辑：程序博客网时间：2024/05/01 12:52

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'))

0 0