Hello World!

(2010年12月19日 23:50) | 個別ページ

まずはHello World!から。

sencha-touch.cssとsencha-touch-debug.jsは、SenchaサイトからダウンロードしたSencha touch1.0の中に入っています。

index.html

 <!DOCTYPE html>
  <html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>hello world1</title>
	 <!-- Sencha Touch CSS -->
	 <link rel="stylesheet" href="../../resources/css/sencha-touch.css" type="text/css">
	 <!-- Sencha Touch JS -->
	 <script type="text/javascript" src="../../sencha-touch-debug.js"></script>
	 <!-- Application JS -->
	 <script type="text/javascript" src="index.js"></script>
 </head>
 <body></body>
</html>

index.js

Ext.setup({
	onReady: function(){
		var panel = new Ext.Panel({
            fullscreen: true,
            styleHtmlContent:{
              'padding':'10px'
            },
            html:'Hello World!'
        });
	}
});