Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何设置<;aui:按钮>;不使用Javascript的Liferay中的图标?_Liferay_Portlet_Alloy Ui_Liferay Aui - Fatal编程技术网

如何设置<;aui:按钮>;不使用Javascript的Liferay中的图标?

如何设置<;aui:按钮>;不使用Javascript的Liferay中的图标?,liferay,portlet,alloy-ui,liferay-aui,Liferay,Portlet,Alloy Ui,Liferay Aui,我正在尝试将图标设置为。 但在我的例子中,这里描述的解决方案并不能很好地工作,因为我有一个表,每行都有一个带有不同resourceUrl的按钮。像这样: <portlet:resourceURL id="saveReport" var="saveReportURL"> <portlet:param name="reportId" value="${report.reportId}" /> </portlet:resourceURL> <aui:b

我正在尝试将图标设置为
。
但在我的例子中,这里描述的解决方案并不能很好地工作,因为我有一个表,每行都有一个带有不同resourceUrl的按钮。像这样:

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

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

是否可以在
中设置图标而不使用本教程中所述的JavaScript


谢谢

通过向按钮添加这些CSS类中的一个,您应该能够在不使用JavaScript的情况下向按钮添加图标。例如,如果要创建带有日历图标的按钮,则代码应如下所示:

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

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

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

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