[Sencha Touch 2] Ext.tab.Panel 을 이용한 화면 구성

Ext.tab.Panel 객체를 이용해서 두개의 View 를 표시

 

1. 프로젝트 디렉토리 구조

 

2. index.html 이 읽혀지면서 아래와 같은 순서로 코드가 실행된다.

 

3. 실행화면

“첫번째”, “두번째” 아이콘을 클릭하면 두개의 화면이 교대로 변경된다.