Verwenden von GWT mit dem Sencha Touch

GWT steht für Google Web Toolkit. Es ist ein Programm, mit Java-Schnittstellen und erzeugt html-Code, mit dem Sie zum Erstellen und Ausführen von eigener Widgets oder apps auf Ihrem Sencha Touch. GWT mit dem Sencha Touch verwenden möchten, müssen Sie das Google Web Toolkit und das Eclipse-Programm zu installieren. Nachdem Sie installieren und der Programme einrichten, können Ihre Sencha-Touch Sie um Ihre eigenen personalisierten Widgets zu erstellen.

Anweisungen

1 Downloaden und Installieren der Google Web Toolkit von Google.de auf Ihrem Sencha Touch. Downloaden und Installieren von Eclipse-Programm von Eclipse.org auf Ihrem Sencha Touch.

2 Starten Sie das Eclipse-Programm auf Ihrem Sencha Touch. Wählen Sie "Datei" aus dem Menü "Eclipse". Tippen Sie auf "Neu", wählen Sie "Web Application Project" und das "neue Webanwendungsprojekt" Assistent gestartet wird.

3 Geben Sie den Namen für das Projekt und das Java-Paket. Wählen Sie "Beenden". Dies machen eine App Engine und aktivieren die GWT-Webanwendung auf dem Sencha Touch.

4 Wählen Sie "Windows". Klicken Sie auf "Einstellungen", die "Preferences"-Struktur, die auf dem Bildschirm erscheinen zu machen. Wählen Sie "Java" aus der Struktur "Einstellungen", klicken Sie auf "Build Path" und "Benutzer-Bibliotheken."

5 Klicken Sie auf "Neu." Typ "GXT" in das Textfeld "Name der Benutzer-Bibliothek". Klicken Sie auf "Add JARs." Wählen Sie die Ordner "gxt.jar"-Stammdatei der "EXT GWT" Download "Add JARs" Fenster und wählen Sie "OK".

6 Wählen Sie "Datei" in das Fenster "Eclipse". Klicken Sie auf "Neu" und wählen Sie "Projekt" um das "Projekt" Fenster erscheinen. Wählen Sie "Web-Anwendungsprojekt" befindet sich unter "Google" und wählen Sie "Weiter."

7 Klicken Sie auf das Textfeld "Projektname". Geben Sie "HelloGXT." Geben Sie im Feld "Paket" tex "com.hello.gxt". Klicken Sie auf das Kontrollkästchen "Use Google Web Toolkit" befindet sich unter "Google SDKs", um es auszuwählen.

8 Der "Projekt-Explorer" auf dem Bildschirm betrachten. Der neue Ordner mit dem Projektnamen, den, dem Sie zuvor eingegeben, werden darunter aufgelistet. Rechten Maustaste auf den Projektordner. Wählen Sie "Pfad bauen." Klicken Sie auf "Konfigurieren Build Path" um das Projekt "Java Build Path Properties" Fenster zu öffnen. Wählen Sie "Bibliothek hinzufügen". Klicken Sie auf "Benutzer-Library". Klicken Sie auf "Weiter." Das Feld neben "EXT GWT Library" sollte noch ein Häkchen drin haben. Wenn nicht, klicken Sie darauf, um es auszuwählen. Wählen Sie "Fertig stellen" zu den "EXT GWT Library" auftauchen auf der "Build Path".

9 Wählen Sie den Ordner "Ressourcen" im "EXT GWT" Download und kopieren Sie sie in den "Krieg"-Ordner. Öffnen Sie die Datei "HelloGXT.html" in das Eclipse-Programm. Löschen der Tabelle in die Datei und "h1" Daten aus dem Body-Tag.

10 Typ "< link Rel ="Stylesheet"Type =" Text/Css"href='resources/css/gxt-all.css / >< Skriptsprache 'Javascript' src='resources/flash/swfobject.js' = >< / script > "in das"Head-Tag"der Datei.

11 Öffnen Sie die HelloGXT.gwt.xml-Datei in das Eclipse-Programm. Typ "< erbt name="com.extjs.gxt.ui.GXT "/ >" unterhalb der "anderen Modul erbt Linie." Speichern Sie die Änderungen, die vorgenommen und führen Sie das Programm zu testen. Wenn die EXT GWT installiert wurde und ordnungsgemäß einzurichten, ein Meldungsfeld, das Lesen wird "Hello World!" auf dem Bildschirm angezeigt.