[책펌] 센차터치(Sencha Touch) 클래스 상속 및 사용자정의 이벤트 활용 예제

- 출처: 센차터치2+폰갭 프로그래밍 -

Ext.application({
	name: 'EventExtend',
	requires: ['Ext.Panel', 'Ext.Button'],
	launch: function(){
        //Ext.Button을 상속한 userButton 클래스 정의
		Ext.define('userButton', {
			extend: 'Ext.Button',
			config: { //config에 지정된 속성은 getter, setter가 자동생성된다.
				width: 200,
				height: 200,
				text: '가운데로',
				listeners: {
					tap: function(){
						this.fireEvent("pupu"); //사용자정의 이벤트 pupu를 트리거 함.
					}
				}
			}
		});
		var panel = Ext.create('Ext.Panel', {
			fullscreen: true,
			html: 'Hello Sencha Touch 2',
			style: 'background-image:url("img/20140204_143150.png"); background-repeat:no-repeat'
		});
		var myButton = Ext.create('userButton', {
			text: '가운데로 이동', //상속받은 속성 override
		});
        //pupu 사용자정의 이벤트에 대한 핸들러 정의
		myButton.on('pupu', function(){
			console.log('pupu...');
			myButton.setCentered(true);
		});
		panel.add(myButton);
	}
});