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类名”）;