将图标添加到gwt中的按钮

Question

我有按钮,并希望设置一个图标与它内部的文本.他们没有像在smartGwt中添加图标到按钮的属性..任何想法如何实现它请帮助.

Answer 1

有很多方法可以实现这一目标.

方式1:简单的方法

只需通过代码设置背景图像. myButton.getElement().getStyle().setBackgroundImage("path");

方式2:另一种简单的方法

设置自己的HTML myButton.setHtml("Pass the html string");

方式3:简单但提供更多控制

myButton.addStylename("buttonStyle")

用css来设计这个样式

.buttonStyle{
color : red;
}

方式4:根据我的最佳方式

创建自己的分割按钮,将其环绕在flowpanel或horizo​​ntalPanel上,将image作为第一个widget,按钮作为另一个widget.这使您可以对图像和按钮进行额外控制.您可以在图像和按钮上使用单击处理程序,并且可以单独设置每个处理程序的样式.