1. 程式人生 > >Sencha Touch 2.4 開發(一)

Sencha Touch 2.4 開發(一)

API網址: http://docs.sencha.com/touch/2.4/2.4.2-apidocs/

引入:

sencha-touch.css
sencha-touch-all.js
兩個檔案。

寫第一個程式【Hello sencha Touch】。

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" /> 
<title>Hello Sencha Touch</title> 
<link rel="stylesheet" href="sencha-touch.css" type="text/css"> 
<script type="text/javascript" src="sencha-touch-all.js"></script>
<script type="text/javascript">

	var App = new Ext.application({ //利用框架的Application類的建構函式構造一個應用  
	 	name: 'myApp', //為這個應用指定名稱  
	 	useLoadMask: true,  
	 	launch: function () { //這是程式的入口  
	 		Ext.Msg.confirm( "Hello Sencha Touch", "請選擇", function(buttonId){
	 			//顯示一個彈出視窗  
	 			Ext.Msg.alert('您選擇的是', buttonId);
 			});
	 		
	 	}  
	});

</script>
</head> 
<body>
</body> 
</html>