/*
*
解决方法: 1、利用modal属性:加一个模态窗口,屏蔽按钮 * 2、为新创建的窗口添加id,判断id是否存在,如果不存在在创建 * 3、先创建一个窗体,利用closeAction属性设置为隐藏(默认为销毁),先创建窗体,然后为按钮绑定事件
* 调用窗体的show方法;不建议,浪费内存,每次都是隐藏起来
*/
第一种:
var btn=Ext.get('btn'); //这个元素是经过Ext包装以后的Dom对象; //显示btn的值 alert(btn.dom.value); btn.on('click',function(){ //if(!Ext.get('mywin')){ Ext.create('Ext.window.Window',{ id:'mywin', title:'新窗口', width:300, height:200, modal:true, renderTo:Ext.getBody() }).show(); 第二种:
var btn=Ext.get('btn'); //这个元素是经过Ext包装以后的Dom对象; //显示btn的值 alert(btn.dom.value); btn.on('click',function(){ if(!Ext.get('mywin')){ Ext.create('Ext.window.Window',{ id:'mywin', title:'新窗口', width:300, height:200, // modal:true, renderTo:Ext.getBody() }).show(); } });
第三种:(不建议,浪费内存,每次都是隐藏起来)
var win=Ext.create('Ext.window.Window',{ title:'新窗口', width:300, height:200, closeAction:'hide',//closeAction默认值为destory,关闭就销毁,设置为hide是隐藏起来show方法会重新展示 renderTo:Ext.getBody() }); btn.on('click',function(){ win.show(); }); |