<script type="text/javascript">

Ext.setup({                          // 페이지가 다 생성되었을때 시작!!

onReady: function(){

var rootPanel = new Ext.Panel({     // Ext.Panel configs에는 사용할수 있는 속성들

fullscreen: true,

//width: 200,

//height: 200,

style: "background-color:#00ff00;"

});     

}

});

</script>


센차터치를 구현하기에 앞서 위의 소스처럼 루트패널(Panel)을 생성해 주어야 합니다.

화면 출력의 가장 기본은 루트패널(Panel) 생성입니다.

패널 객체를 만드는게 가장 기초적인 첫 단계입니다.

패널 위에 패널 또 그 위에 패널..이런식으로 HTML에서 Table을 구성하듯 구현합니다.

fullscreen 여부와 width, height 의 크기 지정은 필수적인 요소이므로

무조건 값이 세팅이 되어있어야합니다.

위의 소스가 빠져있으면 화면에는 아무것도 출력이 되지 않습니다.



doc : http://dev.sencha.com/deploy/touch/docs/

examples : http://dev.sencha.com/deploy/touch/examples/

'Language > Sencha Touch' 카테고리의 다른 글

SenchaTouch 패널(Panel) 생성하기  (0) 2012.12.11
2. Sencha Touch 라이브러리 다운로드  (0) 2012.08.14
1. Sencha Touch란 무엇인가?  (0) 2012.08.13
Posted by 준콩ol 준콩ol

댓글을 달아 주세요