자바 스크립트를 사용하지 않고 Liferay에 <aui:button> 아이콘을 설정하는 방법은 무엇입니까?

Question

아이콘을 <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>의 아이콘을 설정할 수 있습니까?

감사

Answer 1

당신은 당신의 버튼이 Icon CSS 클래스 중 하나를 추가하여 자바 스크립트를 사용하지 않고 버튼에 아이콘을 추가 할 수 있어야합니다. 당신이 달력 아이콘이있는 버튼을 만들려는 경우 예를 들어, 코드는 다음과 같이 보일 것이다 :

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

Answer 2

당신은을 Liferay 합금 버튼의 아이콘을 설정하는 코드 아래에이를 작성할 수

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

당신은 아이콘을 사용할 필요가 속성을 "아이콘 상형 문자는"이 설정
당신이 를 사용할 필요가 설계
에 대한 추가 디자인 버튼 클래스를 추가 cssClass 당신은 버튼 텍스트 값

의 왼쪽이나 오른쪽에 대한 iconAlign 속성을 설정해야합니다