Question

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

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

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

是否可以在不使用JavaScript的情况下在<aui:button>中设置图标，如教程中所述？

由于

Answer 1

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

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

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

Answer 2

您应该可以在不使用JavaScript的情况下向按钮添加图标，方法是在按钮中添加其中一个Icon CSS类。例如，如果要创建带有日历图标的按钮，则代码应如下所示：

<aui:button class="icon-calendar" ... />

如何在不使用Javascript的情况下在Liferay中设置<aui：button>图标？</aui：button>

2 个答案: