event事件(1)

鴨脖發表於2012-06-23
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

相關文章