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