Come usare GWT con il vostro tocco Sencha

September 5

GWT è sinonimo di Google Web Toolkit. Si tratta di un programma che si interfaccia con Java e crea il codice HTML che permette di creare e gestire il proprio widget o app sul tuo Sencha Touch. Per poter utilizzare GWT con il Sencha Touch, è necessario installare il Google Web Toolkit e il programma Eclipse. Dopo aver installato e impostare i programmi, è possibile utilizzare il Sencha Touch creare il vostro widget personalizzati.

istruzione

1 Scaricare e installare il Google Web Toolkit da Google.com sul vostro Sencha Touch. Scaricare e installare il programma Eclipse da Eclipse.org sul vostro Sencha Touch.

2 Avviare il programma di Eclipse sul Sencha Touch. Selezionare "File" dal menu di Eclipse. Toccare "Nuovo", selezionare "progetto di applicazione Web" e la procedura guidata "Nuovo progetto Web Application" avrà inizio.

3 Immettere il nome per il progetto e il pacchetto Java. Selezionare "Fine". Questo renderà un App Engine e consentire l'applicazione web GWT sul Sencha Touch.

4 Selezionare "Windows". Clicca su "Preferenze" per rendere l'albero "Preferenze" appare sullo schermo. Selezionare "Java" dall'albero "Preferenze", cliccare su "Build Path" e selezionare "Librerie utente."

5 Fare clic su "Nuovo". Tipo "GXT" nella casella di testo "Nome utente libreria". Fai clic su "Aggiungi JAR." Selezionare il file cartella principale "gxt.jar" del download "EXT GWT" dalla finestra "Aggiungi JAR" e selezionare "OK".

6 Selezionare "File" nella finestra di Eclipse. Fare clic su "Nuovo" e selezionare "Progetto" per far apparire la finestra "Progetto". Selezionare "progetto di applicazione Web" che si trova in "Google" e selezionare "Avanti".

7 Fare clic sulla casella di testo "Nome del progetto". Digitare "HelloGXT." Tipo "com.hello.gxt" nella casella tex "pacchetto". Fare clic sulla casella accanto a "Usa Google Web Toolkit" che si trova sotto "Google SDK" per selezionarla.

8 Guardate la "progetti" sullo schermo. La nuova cartella con il nome del progetto digitato in precedenza saranno elencati sotto di esso. Fare clic destro sulla cartella del progetto. Selezionare "Build Path". Clicca su "Configura costruire il percorso" per aprire la finestra "Proprietà Java Build Path" del progetto. Selezionare "Aggiungi libreria." Fai clic su "User Library". Selezionare "Avanti". La casella accanto a "EXT GWT Library" dovrebbe ancora avere un segno di spunta in esso. In caso contrario, fai clic su di esso per selezionarlo. Selezionare "Fine" per rendere lo spettacolo "EXT GWT Library" sul "percorso di generazione."

9 Selezionare la cartella "Risorse" che si trova nel download "EXT GWT", e copiarlo nella cartella "guerra". Aprire il file "HelloGXT.html" nel programma Eclipse. Eliminare la tabella nel file ei dati "H1" del tag body.

10 Digitare "<link rel = 'stylesheet' type = 'text / css' href =" risorse / css / GXT-all.css '/>
<Script language = 'javascript' src = 'risorse / flash / swfobject.js'> </ script> "in" tag head "del file.

11 Aprire il file HelloGXT.gwt.xml nel programma Eclipse. Digitare "<nome eredita =" com.extjs.gxt.ui.GXT "/>" sotto la voce "Altri moduli eredita la linea." Salvare le modifiche apportate ed eseguire il programma per testarlo. Quando l'EXT GWT è stato installato e correttamente l'installazione, una finestra di messaggio "Ciao Mondo!" apparirà sullo schermo.