tümleştirme Bootstrap ve GWT

Question

GWT ile Bootstrap kitaplığı kullanmak için en iyi uygulamaları araştırıyorum. GWT-Bootstrap projesini kullanmamayı tercih ediyorum ve GWT uygulamasında düz css ve js Bootstrap kitaplığını kullanmayı tercih ediyorum.

Bootstrap stilini GWT UI bileşenlerine nasıl uygulayabileceğimi araştırıyorum. bunu UI görünüm kodunda, GWT bileşenlerinin DOM Öğeleri üzerinde çalışarak yapmalı mıyım? GWT ve Bootstrap'in bu entegrasyonunu elde etmek için başka temiz bir yol var mı?

Answer 1

Hayır, önyükleme stillerini gwt bileşenlerine basit bir şekilde eklemenin bir yolu yoktur. DOM ile ilgilenmeniz, bazı GWT CSS sınıflarını kaldırmanız ve GWT olanları eklemeniz gerekecek ve en azından kodunuzu tek bir yerden her yere kopyalayacaksınız, orijinal bileşeni genişletecek bir sınıf yapıp bu yeni sınıfı her yerde kullanacaksınız. temelde GWT-Bootstrap ne yapar.

Bunu biliyorum çünkü yaklaşık bir yıl önce, şimdi söylediklerinizi tam olarak yapmak istedim: GWT bileşenlerine önyükleme stillerini temiz bir şekilde uygulayın, çalışmayı başardım ve GWT-Bootstrap'i başlatın gelişme.

GWT-Bootstrap, gwt + önyükleme tümleştirme hatalarının çoğunu zaten çözdü ve temelde herhangi bir proje için iyi çalışıyor. Bazı bileşenlerin henüz uygulanmadığını ya da hata yaptıklarını biliyorum, ancak, belki bazılarını düzeltebilir ve bir istek-isteği yapabiliriz, IMHO, bu her şeyi yeniden inşa etmekten daha iyidir.

Answer 2

Bootstrap ve GWT'yi üçüncü taraf bir sarıcı kitaplığı olmadan, UstBinder XML'de Bootstrap'ın CSS sınıflarını addStyleNames özniteliği veya aynı yöntemle Java kodunda ekleyerek kullanabilirsiniz. Ancak Bootstrap, "magic" ın gerçekleşmesi için data-toggle gibi özel veri özellikleriyle de yoğun bir şekilde çalışıyor. bu özel niteliklerini için Gwt varsayılan widget'ları (FlowPanel vs.) ayarlayıcıları sunmuyoruz beri UiBinder XML bunları ve kendinizi Java kodunda

getElement().setAttribute(...) 

sürü yazma bulamıyorum.

Bu, GWT-Bootstrap veya GwtBootstrap3 gibi sarmalayıcı kitaplıkları içindir. Bunlar, varsayılan GWT widget'ları ile alıştığınız şekilde Bootstrap widget'larını kullanabilmeniz için bu işlevleri dolduran özel widget'lar sunar.