css - GWT - グローバル CSS スタイルを設定する最良の方法

Question

基本ウィジェットごとに 1 つの CSS ファイルを持つ GWT で GXT を使用しています。GWT でグローバルな CSS スタイルを持つ最善の方法は何ですか?

例えば

global.css

.backgroundBorder {
   border-style: solid;
   border-width: 2px;
   border-radius: 3px;
}

myWidget.css

@backgroundBorder

Answer 1

同意します。さらに、上記の AppClientBundle にインターフェイスを含めます。

public interface AppClientBundle extends ClientBundle {

  public static final AppClientBundle INSTANCE = GWT.create(AppClientBundle.class);

  @Source({ "css/template/global.css" })
  MyStyle css();
  public interface MyStyle extends CssResource {
    String backgroundBorder();
  }
}

これにより、次の方法でウィジェットのスタイルを設定できます。

Widget.setStylePrimaryName(AppClientBundle.INSTANCE.css().backgroundBorder());

それが役立つことを願っています...

Answer 2

ClientBundles と CssResources を使用できます。

https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle#CssResource

エントリポイントで、グローバル css を設定できます。それに似ています：

YourStyle.getTheme().getAppClientBundle().getGlobalCss().ensureInjected();

そして、あなたの clientbundle は次のようになります:

public interface AppClientBundle extends ClientBundle {

    @Source({ "css/template/global.css" })
    CssResource getGlobalCss();

}

私の経験からすると、これが最善の方法です。