1 / 17

Vorstellung des Frameworks ExtJS

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.

chad
Download Presentation

Vorstellung des Frameworks ExtJS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Vorstellung des FrameworksExtJS Nikolai Fischer

  2. Ü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

  3. Entstehung • Seit 2006 Entwicklung als Erweiterung der Yahoo! User Interface Library • Ab 2oo7 eigenständiges Framework unter dem Namen ExtJS

  4. 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 andFeel für Webanwendungen zu erschaffen.

  5. 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 userextensions des Frameworks • Viele CSS Themes sind frei verfügbar und leicht einbindbar.

  6. 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

  7. Komponenten • Trees, Listen • Dialogboxen • Menüs, Buttons, toolbars • Grids • Drag and Drop • Etc.

  8. Listen

  9. Tree

  10. Fields und Combo-Boxen

  11. 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.

  12. 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

  13. Beispiele • Einfache Checkbox • Ladeanzeige • Kontextmenü • Einfacher CSS Wechsel

  14. Ausblick • ExtGWT: Erweiterung des Google Web Toolkits um ExtJS Komponenten • ExtJS nicht auf vielen Webseiten, da kommerzielle Nutzung teuer (600 $ pro Entwickler Lizenz)

  15. Ausblick

  16. Ausblick

  17. ExtJS Webseiten • Welt.de • Abendblatt.de • Warnerbros.com

More Related