Ext-JS Tutorial 2.Teil

Nachdem die einfachen Sachen bereits rel. schnell funktioniert haben, geht das Tutorial nun weiter mit einer der wesentlichen Fähigkeiten von Ext-Js nämlich der übersichichtlichen und anschaulichen Darstellungen von Tabellen in Webbrowsern!

Bei der Tabellenerstellung wird dabei zunächst eine Art Array erstellt, das wie in JavaScript üblich (das doch etwas gewöhnungsbedürftig im Vergleich zu Java ist) einfach in einer beliebigen Variablen gespeichert wird.

Anschließend muss man einen "DataReader" erstellen, der die Daten quasi in ein für Ext-Js passendes Format bringt, damit sie anschließend aufbereitet werden können.

Anschließend müssen noch einige Parameter spezifiziert werden und die Tabelle wird in optisch recht ansprechender Form angezeigt, wobei der Aufwand, zumindest wenn man sich etwas mit Ext-Js auskennt wirklich minimal zu sein scheint!

Installation-Die Zweite

Das Herunterladen und Installieren bereitete mir genauso wenige Probleme wie Martin, nämlich gar keine. Aus dem von Martin schon genannten Grund entschieden wir uns für die Version 2.0 des ExtJS-Frameworks.

Weiters habe ich noch folgende Tutorials durchgearbeitet:
• Getting Started
• Playing With Ext The Easy Way
• What is that Scope all about
• Application Layout for Beginners
• DomQuery
• DomQuery Basics
• DomQuery Advanced

Als nächsten Schritt nehme ich mir die API Dokumentation vor und versuche die passenden Scripts des ExtJS-Frameworks zu unserer geplanten Anwendung herauszufinden. Im Zuge dessen werden höchstwahrscheinlich einige explorative Prototypen entstehen.

Herunterladen und installieren

Das Herunterladen und Installieren des Ext-JS Frameworks machte keine Probleme. Wobei auf der Downloadseite des Frameworks grundsätzlich zwei Versionen erhältlich sind.
Zunächst Version 1.1.1 (current stable release) und Version 2.0 RC1 die noch nicht ganz final ist, die laut den Infos der Website aber doch wesentlich verbessert wurde. Daher werde wir uns zumindest vorläufig für die Version 2.0 entscheiden.
Nach dem Download reicht es das heruntergeldadene .zip File einfach in einen beliebigen Festplattenordner zu entpacken.

Folgende Seite hilft bzw. half dabei bei den ersten Schritten: http://dynamicinternet.eu/blog/2007-03-18/tutorial-einfuehrung-in-die-ext-ajax-library/

Nun ist es mittels 3 kleinener .html, .css und .js Datein möglich ein paar grundlegende Funktionen auszuprobieren. So erscheint z.b. mittels folgender Anweisung bei jedem Klick auf den Text eine Meldung

Ext.select('p').on('click', function() {
alert("You clicked a paragraph");
});

Hier sieht man schon das Ext-JS auf Java-Script basiert.