ExtJs之组件(window)
发布日期:2021-08-26 19:03:37 浏览次数:14 分类:技术文章

本文共 1060 字,大约阅读时间需要 3 分钟。

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

转载于:https://www.cnblogs.com/lucare/p/9312678.html

转载地址:https://blog.csdn.net/weixin_33894992/article/details/94628614 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:SVN服务器搭建
下一篇:高并发程序设计

发表评论

最新留言

表示我来过!
[***.240.166.169]2025年02月10日 09时21分59秒