WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 339

Tippen Sie nun den Button an, wird eine Funktion ausgeführt, die ein JavaScript-Dia-
logfenster öffnet, welches den Text »Du hast ja doch geklickt« anzeigt (Abbildung
8.24). Leider haben diese Fenster die schlechte Angewohnheit, dass Sie die Ausfüh-
rung des restlichen Programmcodes der App unterbrechen. Glücklicherweise haben
auch hier die Entwickler von Sencha Touch eine Lösung parat (Abbildung 8.25):
handler: function() {
Ext.Msg.alert('Booom!','Du hast ja doch geklickt.',Ext.emptyFn);
}
8
Abbildung 8.25 Das Sencha-Dialogfeld. Quizfrage: Wenn zwischen 23:12 und 23:19 die
Akkukapazität um 2 % sinkt, wie lange hält dann die Batterie meines iPhones?
Die Funktion Ext.Msg.alert öffnet eine ganz ähnliche Dialogbox, die jedoch den Pro-
grammcode im Hintergrund weiterlaufen lässt. Zusätzlich bietet Sie eine Callback-
Funktion, die aufgerufen wird, wenn der Nutzer auf OK tippt. In unserem Fall ist dies
Ext.emptyFn , eine leere Funktion, die - Sie haben es erraten - nichts macht.
Mit genau 44 Zeilen Code haben Sie nun Ihre erste richtige Sencha-Touch-App entwi-
ckelt. War doch gar nicht so schlimm, oder? Hier noch mal das komplette Skript Ihrer
Demo-App:
new Ext.application({
statsBarStyle: 'black',
phoneIcon: '../bilder/iphone-icon.png',
phoneStartupScreen: '../bilder/iphone-splash.png',
tabletIcon: '../bilder/ipad-icon.png',
tabletStartupScreen: '../bilder/ipad-splash.png',
launch: function() {
Ext.create("Ext.Container",
fullscreen: true,
layout: 'vbox',