Sencha Touch 2.4 開發(一)
阿新 • • 發佈:2019-02-18
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>