event事件（1）

panel1 = Ext.create("Ext.Panel",{
		html:"nihaoma",
		layout:"vbox",
		cls:"main1",
		listeners:{
			drag:{
				element:"element",
				fn:function(){
					this.remove()
				}
			},
			
			doubletap:{
					element:"element",
					fn:function(){
						this.fireEvent("haha")
					}
			},
			tap:{
				element:"element",
					fn:function(){
						console.log("single")
					}
				},
			beforerender:{
				//element:"element",
				fn:function(){
					console.log("beforrender")
				}
			},
			show:{
				fn:function(){
					console.log("show")
				}
			},
			added:{
				fn:function(){
					console.log("added")
				}
			},
			hide:{
				//single:true,
				fn:function(){
					Ext.Msg.alert("Hide")
				}
			},
			disable:{
				fn:function(){
					Ext.Msg.alert("disable")
				}
			},
			enable:{
				fn:function(){
					Ext.Msg.alert("enable")
				}
			},
			destroy:{
				fn:function(){
					Ext.Msg.alert("destroy")
				}
			},
			remove:{
				fn:function(){
					Ext.Msg,alert("remove")
				}
			}
				}
			}
	);
	var fun = function(){
		Ext.Msg.alert("double")
	}
	panel1.on("haha",fun)
	panel1.un("haha",fun)
	Ext.Viewport.add(panel1)

注意：
1、config对象中不能再加config标签
2、on和un函数的第二个参数必须有
3、on和un函数只是增加了component的event，要触发相应的函数的话还必须能够fireEvent
4.Msg.alert可能会阻塞doubletap