[책펌] 센차터치(Sencha Touch)에서 뷰(view)파일 정의하고 로딩하는 예제

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

* 어플리케이션 파일 (app.js)

Ext.application({
	name: 'HelloSenchaTouch',
	requires: [],
	//아래와 같이 view 항목에 클래스명만 넣을 경우, app.view 패키지에 HelloView.js 파일이 들어있다는 전제가 요구됨.
	//별도의 패키지에 파일이 존재할 경우 FQN(Full Qualified Name)을 넣어야 함.
	views: ['HelloView'],
	launch: function(){
		Ext.Viewport.add(Ext.create('HelloSenchaTouch.view.HelloView'));
	}
});

* 뷰(view) 파일 (app/view/HelloView.js)

Ext.define('HelloSenchaTouch.view.HelloView', {
	extend: 'Ext.Panel',
	requires: [], //이미 Ext.Panel을 상속 받은 상황이기 때문에 별도로 로딩할 필요가 없다(?)
	config: {
		style: 'background-image:url("img/20140204_143150.png"); background-repeat:no-repeat',
		html:[
		    'Hello<br>',
		    'My Name is Lee<br>',
		    'And This is Sencha Touch'
		].join(' ')
	}
});