gwt - GWT Uibinder：将堆叠图标添加到按钮

Question

Button 标签的 icon 属性为 Button 添加了一个字体很棒的 FOLDER 图标。是否可以将堆叠图标添加到按钮？对于，我需要堆叠 FOLDER 和 PLUS 图标并将其添加到按钮的新文件夹？

<b:Button addStyleNames="pull-right {style.new-folder}"
                        type="SUCCESS" ui:field="createDataRoom" icon="FOLDER"></b:Button>

Answer 1

你确定这甚至可以编译吗？

除非您的 Button 是项目中的自定义类，否则 GWT Button 中的大多数字段都不存在，包括 Icon。而且它不是 addStyleNames，而只是“styleName”

您确定不是您的同事制作了自定义按钮类吗？

回到您的问题，正如您在Font Awesome 的示例页面中看到的那样，您通过向 HTML 标记添加几个类来堆叠图标。

因此，在您的情况下，您需要将它们堆叠在“styleName”中（这是添加一个或多个 CSS 类的字段）

使用普通的 GWT 按钮，代码将如下所示

<ui:UiBinder xmlns:g='urn:import:com.google.gwt.user.client.ui'>

<g:Button
        ui:field="createDataRoomButton"
        styleName="fa-stack fa-lg">

注意 fa-stack 和 fa-lg 之间的空间。那是两个不同的类别。