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類名」）;