View
65
Download
0
Category
Preview:
DESCRIPTION
Vorstellung des Frameworks ExtJS. Nikolai Fischer. Überblick. Clientseitiges JavaScript Framework Entwickelt von Sencha Inc. Aktuelle Version 4.1.1a Weitere Versionen in Entwicklung Für Open Source Projekte unter General Public Licence verfügbar. Entstehung. - PowerPoint PPT Presentation
Citation preview
Vorstellung des FrameworksExtJS
Nikolai Fischer
Überblick•Clientseitiges JavaScript Framework•Entwickelt von Sencha Inc.•Aktuelle Version 4.1.1a•Weitere Versionen in Entwicklung•Für Open Source Projekte unter General
Public Licence verfügbar
Entstehung•Seit 2006 Entwicklung als Erweiterung
der Yahoo! User Interface Library
•Ab 2oo7 eigenständiges Framework unter dem Namen ExtJS
Funktionalitäten•Interaktive Webanwendungen und RIAs
(Rich Internet Applications)•Ajax, DHtml, DOM Manipulation•Kann zusammen mit anderen Frameworks
wie JQuery oder Prototype benutzt werden
•Mit den meisten Browsern kompatibel•Wird oft dazu verwendet ein Desktop-
ähnliches Look and Feel für Webanwendungen zu erschaffen.
Wieso ExtJS ?
•Große Auswahl an fertigen UI Widgets (Bäume, Menüs etc)
•Modernes Design der Komponenten•Große Community (mehrere Millionen)
mit eigenen user extensions des Frameworks
•Viele CSS Themes sind frei verfügbar und leicht einbindbar.
Dokumentation•Große Interaktive API
http://docs.sencha.com/ext-js/4-0/komplett mit ExtJS implementiert
•Viele Beispiele auf der offiziellen Homepage
•Bücher über das Framework sind erhältlich
Komponenten
•Trees, Listen•Dialogboxen•Menüs, Buttons, toolbars•Grids•Drag and Drop•Etc.
Listen
Tree
Fields und Combo-Boxen
Besonderheiten•Objektorientiert mit Vererbung etc.
•Voller Keyboard / Maus Support
•Jede Klasse hat „Configs“ und „Properties“- Configs können zur Laufzeit geändert
werden.- Properties bleiben von der
Erschaffung an bestehen.
Daten•Speicherung von Daten in Models oder in
Stores (meist als JSON oder XML)
•Für die meisten Anwendungen sind bereits Stores vordefiniert
•Stores unterstützen Sortieren, Gruppieren usw.
•UI Komponenten kann ein Store als Attribut mitgegeben werden, wodurch sie ihre Daten beziehen können
Beispiele•Einfache Checkbox
•Ladeanzeige
•Kontextmenü
•Einfacher CSS Wechsel
Ausblick
•ExtGWT: Erweiterung des Google Web Toolkits um ExtJS Komponenten
•ExtJS nicht auf vielen Webseiten, da kommerzielle Nutzung teuer (600 $ pro Entwickler Lizenz)
Ausblick
Ausblick
ExtJS Webseiten
•Welt.de
•Abendblatt.de
•Warnerbros.com
Recommended