vorstellung des frameworks extjs
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 PresentationTRANSCRIPT
![Page 1: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/1.jpg)
Vorstellung des FrameworksExtJS
Nikolai Fischer
![Page 2: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/2.jpg)
Ü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
![Page 3: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/3.jpg)
Entstehung•Seit 2006 Entwicklung als Erweiterung
der Yahoo! User Interface Library
•Ab 2oo7 eigenständiges Framework unter dem Namen ExtJS
![Page 4: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/4.jpg)
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.
![Page 5: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/5.jpg)
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.
![Page 6: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/6.jpg)
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
![Page 7: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/7.jpg)
Komponenten
•Trees, Listen•Dialogboxen•Menüs, Buttons, toolbars•Grids•Drag and Drop•Etc.
![Page 8: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/8.jpg)
Listen
![Page 9: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/9.jpg)
Tree
![Page 10: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/10.jpg)
Fields und Combo-Boxen
![Page 11: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/11.jpg)
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.
![Page 12: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/12.jpg)
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
![Page 13: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/13.jpg)
Beispiele•Einfache Checkbox
•Ladeanzeige
•Kontextmenü
•Einfacher CSS Wechsel
![Page 14: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/14.jpg)
Ausblick
•ExtGWT: Erweiterung des Google Web Toolkits um ExtJS Komponenten
•ExtJS nicht auf vielen Webseiten, da kommerzielle Nutzung teuer (600 $ pro Entwickler Lizenz)
![Page 15: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/15.jpg)
Ausblick
![Page 16: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/16.jpg)
Ausblick
![Page 17: Vorstellung des Frameworks ExtJS](https://reader036.vdocuments.net/reader036/viewer/2022081422/56815df4550346895dcc2bbb/html5/thumbnails/17.jpg)
ExtJS Webseiten
•Welt.de
•Abendblatt.de
•Warnerbros.com