SenchaTouch 패널(Panel) 생성하기

2013. 1. 9. 16:25Mobile Web App/Sench Touch



반응형

<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/

 

 

반응형

'Mobile Web App > Sench Touch' 카테고리의 다른 글

1. Sencha Touch란 무엇인가?  (0) 2013.01.09
2. Sencha Touch 라이브러리 다운로드  (0) 2013.01.09