2012-10-25 2 views
6

Sto esaminando le migliori pratiche per utilizzare la libreria Bootstrap con GWT. Preferisco non utilizzare il progetto GWT-Bootstrap e preferisco usare la libreria di avvio Bootstrap css e js nella mia app GWT.integrare Bootstrap e GWT

Sto cercando come applicare lo stile Bootstrap ai componenti dell'interfaccia utente GWT? devo fare questo nel codice di visualizzazione dell'interfaccia utente lavorando sui componenti DOM dei componenti GWT? o c'è qualche altro modo pulito per realizzare questa integrazione di GWT e Bootstrap?

risposta

12

No, non c'è modo di aggiungere semplicemente gli stili di bootstrap ai componenti di gwt. Dovrai occuparti di DOM, rimuovere alcune classi GWT CSS e aggiungere GWT e, almeno copi il tuo codice da un posto all'altro, creerai una classe che estenda il componente originale e utilizzi questa nuova classe ovunque, che è fondamentalmente ciò che fa GWT-Bootstrap.

Lo so perché circa un anno fa, volevo fare esattamente quello che stai dicendo ora: applicare gli stili di bootstrap ai componenti GWT in modo pulito, che, sono riuscito a farlo funzionare e avviare il GWT-Bootstrap sviluppo.

GWT-Bootstrap ha già risolto la maggior parte dei bug di integrazione di bootstrap gwt +, e funziona bene praticamente per qualsiasi progetto. So che alcuni componenti non sono ancora stati implementati o hanno dei bug, ma forse è possibile correggerne alcuni e fare una richiesta di pull, IMHO, è meglio che ricostruire tutte le cose.

+0

vedere gli ultimi 2 post di questa discussione (ovvero l'intera discussione discute di gwt e gwt-bootstrap): https://groups.google.com/forum/?fromgroups=#!topic/gwt-platform/6Yi38uB2igs – othman

+0

i nel thread sopra Kyle Anderson nel suo primo post ha parlato di gwt-bootsrap e dice che preferisce usare il semplice Bootsrap in GWT su gwt-bootsrap. Ero disposto a partecipare alla discussione con gli argomenti per cui gwt-bootsrap è migliore per le app GWT su BS semplice. – othman

+2

perché è praticamente lo stesso. GWT-Bootstrap non è altro che wrapper per gwt widgets più stili BS e JS. Ma, certo, puoi reinventare la ruota e farlo da solo. La tua scelta. – caarlos0

2

È possibile utilizzare Bootstrap e GWT senza una libreria di wrapper di terze parti, aggiungendo le classi CSS di Bootstrap con l'attributo addStyleNames in UiBinder XML o lo stesso metodo nel codice Java. Ma Bootstrap funziona anche pesantemente con attributi dati personalizzati come data-toggle, ad esempio per far accadere la "magia". Dal momento che i widget di default di GWT (FlowPanel ecc) non offrono setter per questi attributi personalizzati non si possono impostare in UiBinder XML e ritrovarsi a scrivere un sacco di

getElement().setAttribute(...) 

nel codice Java.

Ecco a cosa servono le librerie wrapper come GWT-Bootstrap o GwtBootstrap3. Offrono widget personalizzati che racchiudono queste funzionalità in modo da poter utilizzare i widget Bootstrap come si è abituati con i widget GWT predefiniti.