首页 > 代码库 > EXTJS-在window组件中绑定事件

EXTJS-在window组件中绑定事件

[在jsp中用EXTJS绑定事件]

Ext.onReady(function(){

	//ex001:点击一个按钮 ,打开一个新的窗体 window重复创建的问题
	//第一种实现【推荐】
	//JQuery code: var btn = $(‘#btn‘); var dombtn = btn.get(0);
	// alert(btn.dom.value) 取到 原生的dom对象value值
	var btn = Ext.get(‘btn‘);		//这个元素是经过Ext包装的一个Ext的Dom对象//alert(btn.dom.value);
	btn.on(‘click‘,function(){      //绑定一个事件click, 用on绑定事件。
		if(!Ext.getCmp(‘mywin‘)){   //判断是否有组件 mywin
			Ext.create(‘Ext.window.Window‘,{
				id:‘mywin‘ ,		//如果你给组件加了一个id  那么这个组件就会被Ext所管理
				title:‘新窗体‘ , 
				height:300 ,
				width:400 ,
				renderTo:Ext.getBody() //,
				//modal:true //模态窗口,解决widow重复创建窗口的问题。
			}).show();		
		}
	});
	
	//第二种实现 [不推荐]
//	var win = Ext.create(‘Ext.window.Window‘,{
//				title:‘新窗体‘ , 
//				height:300 ,
//				width:400 ,
//				renderTo:Ext.getBody() ,
//				closeAction:‘hide‘  //closeAction默认是destroy 
//	});
//	
//	Ext.get(‘btn‘).on(‘click‘,function(){
//			win.show();
//	});
	
});


EXTJS-在window组件中绑定事件