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

Abbildung 8.29 Das Wetter von Berlin auf dem iPhone (links) und unter Android (rechts)

8

Jetzt haben Sie bereits eine App, die das Berliner Wetter für die nächsten fünf Tage
anzeigt. Blöd nur, wenn Sie in Frankfurt wohnen. Oder in Hamburg. Oder in Castrop-
Rauxel. Oder in … wo stand der »heitere Hering« noch gleich? Legen Sie eine Kopf-
zeile mit einem Auswahlfeld an, in das Sie Ihre Lieblingsstädte schreiben:

dockedItems: [{
xtype: 'selectfield',
name: 'city',
options: [
{text: 'Berlin', value: 'Berlin'},
{text: 'Frankfurt', value: 'Frankfurt'},
{text: 'New York', value: 'New York'},
{text: 'London', value: 'London'},
{text: 'Paris', value: 'Paris'},
],
listeners: {
change: function(e, stadt){
wetterAbrufen(stadt);
}
}
}]

Das Selectfield statten Sie mit einem EventListener aus, der bei der Auswahl einer
anderen Stadt deren Wetter abruft und anzeigt. Und so wie in Abbildung 8.30 sieht
das Ganze aus, wenn es fertig ist.