2

我正在尝试<aui:button>在本教程中将图标设置为喜欢。但是那里描述的解决方案在我的情况下效果不佳，因为我有一个表格，并且在每一行上我都有一个具有不同 resourceUrl 的按钮。像这样：

<portlet:resourceURL id="saveReport" var="saveReportURL">
   <portlet:param name="reportId" value="${report.reportId}" />
</portlet:resourceURL>

<aui:button onclick="location.href = '${saveReportURL}'">

<aui:button>是否可以按照教程中的说明在不使用 JavaScript的情况下设置图标？

谢谢

4

2 回答 2

4

您可以在下面编写代码以在 liferay 合金按钮中设置图标

<aui:button type="cancel" cssClass="btn-info" icon="icon-upload-alt" iconAlign="right" value="upload" />

您需要为此设置使用图标属性“图标字形”
您需要使用cssClass为设计添加额外的设计按钮类
您需要为按钮文本值的左侧或右侧 设置iconAlign属性

于 2015-10-10T07:36:43.687 回答
2

Icon通过将这些CSS 类之一添加到您的按钮，您应该能够在不使用 JavaScript 的情况下将图标添加到按钮。例如，如果您想创建一个带有日历图标的按钮，您的代码应如下所示：

<aui:button class="icon-calendar" ... />
于 2014-09-10T14:44:33.443 回答