GWT - DecoratorPanel - 動的背景色

Question

DecoratorPanelの背景色を動的に設定する方法は不思議ですか？ CSSの静的な変更を表示するだけの例はありますが、動的な例は見つかりませんでした。役立つスニペットがあれば教えてください

Answer 1

スタイルを動的に編集するには、基礎となるDOM要素から到達したStyleオブジェクトを使用できます。

DecoratorPanel panel = new DecoratorPanel(); 
panel.getElement().getStyle().setBackgroundColor("#000000"); 

このようにすると、DOMの要素にインラインスタイルが割り当てられます。 Styleオブジェクトにはほとんどのプロパティのメソッドがあり、より珍しいスタイルのニーズには "setProperty（String、String）"が用意されています。

いくつかのプリセットカラーの間で背景を変更しているだけの場合は、パネル上のCSSクラス名を変更することも考えられます。これにより、CSS内ですべての背景スタイリングを維持できるという利点があります。あなたは経由でこれを行うことができます。

panel.addStyleName("css-class-name"); 

と panel.removeStyleName（ "CSSクラス名"）;