SenchaTouch 패널(Panel) 생성하기

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